Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 00:38:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

More styles

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-02 15:00:13 +08:00
parent 44f179a69f
commit c3aef80ad4
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/app.css
View file

@ -374,18 +374,17 @@ a.mention span {
z-index: 1000; z-index: 1000;
display: flex; display: flex;
background-color: var(--backdrop-color); background-color: var(--backdrop-color);
animation: appear 0.2s ease-out;
} }
.deck-backdrop > a { .deck-backdrop > a {
flex-grow: 1; flex-grow: 1;
backdrop-filter: saturate(0.75); /* backdrop-filter: saturate(0.75); */
} }
@keyframes slide-in { @keyframes slide-in {
0% { 0% {
opacity: 0.5;
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
} }
100% { 100% {
opacity: 1;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
} }
@ -402,7 +401,6 @@ a.mention span {
.decks { .decks {
flex-grow: 1; flex-grow: 1;
transition: transform 0.5s var(--timing-function);
} }
.deck-close { .deck-close {
@ -808,7 +806,11 @@ meter.donut:is(.danger, .explode):after {
#app { #app {
display: flex; display: flex;
} }
.decks {
transition: transform 0.4s var(--timing-function);
}
.decks:has(~ .deck-backdrop) { .decks:has(~ .deck-backdrop) {
transition: transform 0.4s ease-out;
transform: translate3d(-5vw, 0, 0); transform: translate3d(-5vw, 0, 0);
} }
.deck-backdrop .deck { .deck-backdrop .deck {