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

82
www/css/core.css
View file

@ -1469,21 +1469,6 @@ ol.ebooks-list a[tabindex][data-ordinal]::before{
color: var(--dark-body-text); 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{ ol.ebooks-list > li p{
margin: 0; margin: 0;
text-align: center; text-align: center;
@ -2766,27 +2751,6 @@ aside button.close:active{
transition: transform .5s; 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{ ul.feed p{
margin: 0; margin: 0;
} }
@ -3536,7 +3500,6 @@ ul.feed p{
article.ebook section#sources ul li a[class]::before, article.ebook section#sources ul li a[class]::before,
article.ebook #more-ebooks img, article.ebook #more-ebooks img,
article.ebook #more-ebooks a:active img, article.ebook #more-ebooks a:active img,
ol.ebooks-list a[tabindex],
ol.ebooks-list > li a[tabindex]:active, ol.ebooks-list > li a[tabindex]:active,
label.select > span + span::after, label.select > span + span::after,
label.search:focus-within::before, label.search:focus-within::before,
@ -3566,27 +3529,46 @@ ul.feed p{
input[type="search"]:focus, input[type="search"]:focus,
input[type="search"]:hover, input[type="search"]:hover,
select:focus, select:focus,
select:hover, select:hover{
.ebook figure::before,
.ebook figure::after,
.ebook figure img,
.ebook figure .spine{
transition: none; transition: none;
} }
}
.ebook .downloads-container:hover figure img{ /* Animate some items if the user doesn't mind animation */
transform: none; @media(prefers-reduced-motion: no-preference){
ol.ebooks-list a[tabindex]:hover{
transform: scale(1.05);
color: unset;
} }
.ebook .downloads-container:hover figure::after{ ol.ebooks-list a[tabindex]:hover img{
transform: translateY(-1.5rem); box-shadow: 3px 3px 1px rgba(0, 0, 0, .25);
} }
.ebook .downloads-container:hover figure .spine{ ol.ebooks-list > li a[tabindex]:active{
transform: skewY(45deg); transform: scale(1.025);
transition: none;
box-shadow: none;
} }
.ebook .downloads-container:hover figure::before{ .ebook .downloads-container:hover figure img{ /* cover */
transform: skewX(45deg); 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);
} }
} }