PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add prefers-reduced-motion support

Browse source
This commit is contained in:
Jay Trees 2022-04-11 08:29:43 +02:00
parent b7bb658236
commit 43838285a5
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/assets/css/default.css
View file

@ -57,10 +57,11 @@ img {
background-color: #fff;
}
@media (hover: hover) {
.ui.card > .image > img.preview {
transition: height 0.2s linear;
@media (prefers-reduced-motion: no-preference) {
.ui.card > .image > img.preview {
transition: height 0.2s linear;
}
}
.ui.card:hover > .image > img.preview {
height: calc(1em + 3 * var(--padding));
}
@ -132,9 +133,12 @@ img {
overflow: auto;
}
@media (hover: hover) {
@media (prefers-reduced-motion: no-preference) {
.ui.card > .content:not(.extra) {
transition: height 0.2s linear;
}
}
.ui.card > .content:not(.extra) {
transition: height 0.2s linear;
overflow: hidden;
}