standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-07 07:10:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix disabling animations when user requests reduced motion

Browse source
This commit is contained in:
Alex Cabal 2022-07-28 13:47:00 -05:00
parent 75ed29db63
commit e6f74449a2
1 changed files with 32 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

84
www/css/core.css
View file

@ -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;
}
.ebook .downloads-container:hover figure::after{
transform: translateY(-1.5rem);
/* 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 .spine{
transform: skewY(45deg);
ol.ebooks-list a[tabindex]:hover img{
box-shadow: 3px 3px 1px rgba(0, 0, 0, .25);
}
.ebook .downloads-container:hover figure::before{
transform: skewX(45deg);
ol.ebooks-list > li a[tabindex]:active{
transform: scale(1.025);
transition: none;
box-shadow: none;
}
.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);
}
}