nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Only do transition for large screens

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-22 17:19:37 +08:00
parent 7d409bde5b
commit a495e1fa68
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app.css
View file

@ -62,14 +62,6 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
scroll-padding-top: 3em; scroll-padding-top: 3em;
} }
.deck-container {
transition: transform 0.4s var(--timing-function);
}
.deck-container:has(~ .deck-backdrop) {
transition: transform 0.4s ease-out;
transform: translate3d(-5vw, 0, 0);
}
.deck { .deck {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh; min-height: 100dvh;
@ -1002,6 +994,13 @@ meter.donut:is(.danger, .explode):after {
#app { #app {
display: flex; display: flex;
} }
.deck-container {
transition: transform 0.4s var(--timing-function);
}
.deck-container:has(~ .deck-backdrop) {
transition: transform 0.4s ease-out;
transform: translate3d(-5vw, 0, 0);
}
.deck-backdrop .deck { .deck-backdrop .deck {
width: 50%; width: 50%;
min-width: 40em; min-width: 40em;