diff --git a/www/css/core.css b/www/css/core.css index 487b5d0f..87b5ef29 100644 --- a/www/css/core.css +++ b/www/css/core.css @@ -1469,21 +1469,6 @@ ol.ebooks-list a[tabindex][data-ordinal]::before{ color: var(--dark-body-text); } -ol.ebooks-list a[tabindex]:hover{ - transform: scale(1.05); - color: unset; -} - -ol.ebooks-list a[tabindex]:hover img{ - box-shadow: 3px 3px 1px rgba(0, 0, 0, .25); -} - -ol.ebooks-list > li a[tabindex]:active{ - transform: scale(1.025); - transition: none; - box-shadow: none; -} - ol.ebooks-list > li p{ margin: 0; text-align: center; @@ -2766,27 +2751,6 @@ aside button.close:active{ transition: transform .5s; } -.ebook .downloads-container:hover figure img{ /* cover */ - filter: brightness(1.15); - transform: translateY(-.5rem); -} - -.ebook .downloads-container:hover figure picture::after{ /* back board */ - transform: translateY(calc(-1 * (var(--size) + .5rem))); -} - -.ebook .downloads-container:hover picture::before{ /* pages */ - transform: rotate(90deg) skewy(-45deg) translateX(-.5rem) translateY(-.5rem); -} - -.ebook .downloads-container:hover figure::after{ /* spine */ - transform: skewY(45deg) translateY(-.5rem); -} - -.ebook .downloads-container:hover figure::before{ /* shadow */ - transform: skewX(45deg) scale(1.05); -} - ul.feed p{ margin: 0; } @@ -3536,7 +3500,6 @@ ul.feed p{ article.ebook section#sources ul li a[class]::before, article.ebook #more-ebooks img, article.ebook #more-ebooks a:active img, - ol.ebooks-list a[tabindex], ol.ebooks-list > li a[tabindex]:active, label.select > span + span::after, label.search:focus-within::before, @@ -3566,27 +3529,46 @@ ul.feed p{ input[type="search"]:focus, input[type="search"]:hover, select:focus, - select:hover, - .ebook figure::before, - .ebook figure::after, - .ebook figure img, - .ebook figure .spine{ + select:hover{ transition: none; } +} - .ebook .downloads-container:hover figure img{ - transform: none; +/* Animate some items if the user doesn't mind animation */ +@media(prefers-reduced-motion: no-preference){ + ol.ebooks-list a[tabindex]:hover{ + transform: scale(1.05); + color: unset; } - .ebook .downloads-container:hover figure::after{ - transform: translateY(-1.5rem); + ol.ebooks-list a[tabindex]:hover img{ + box-shadow: 3px 3px 1px rgba(0, 0, 0, .25); } - .ebook .downloads-container:hover figure .spine{ - transform: skewY(45deg); + ol.ebooks-list > li a[tabindex]:active{ + transform: scale(1.025); + transition: none; + box-shadow: none; } - .ebook .downloads-container:hover figure::before{ - transform: skewX(45deg); + .ebook .downloads-container:hover figure img{ /* cover */ + filter: brightness(1.15); + transform: translateY(-.5rem); + } + + .ebook .downloads-container:hover figure picture::after{ /* back board */ + transform: translateY(calc(-1 * (var(--size) + .5rem))); + } + + .ebook .downloads-container:hover picture::before{ /* pages */ + transform: rotate(90deg) skewy(-45deg) translateX(-.5rem) translateY(-.5rem); + } + + .ebook .downloads-container:hover figure::after{ /* spine */ + transform: skewY(45deg) translateY(-.5rem); + } + + .ebook .downloads-container:hover figure::before{ /* shadow */ + transform: skewX(45deg) scale(1.05); } }