mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-02-16 07:11:15 +03:00
More styles
This commit is contained in:
parent
44f179a69f
commit
c3aef80ad4
1 changed files with 6 additions and 4 deletions
10
src/app.css
10
src/app.css
|
@ -374,18 +374,17 @@ a.mention span {
|
|||
z-index: 1000;
|
||||
display: flex;
|
||||
background-color: var(--backdrop-color);
|
||||
animation: appear 0.2s ease-out;
|
||||
}
|
||||
.deck-backdrop > a {
|
||||
flex-grow: 1;
|
||||
backdrop-filter: saturate(0.75);
|
||||
/* backdrop-filter: saturate(0.75); */
|
||||
}
|
||||
@keyframes slide-in {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
@ -402,7 +401,6 @@ a.mention span {
|
|||
|
||||
.decks {
|
||||
flex-grow: 1;
|
||||
transition: transform 0.5s var(--timing-function);
|
||||
}
|
||||
|
||||
.deck-close {
|
||||
|
@ -808,7 +806,11 @@ meter.donut:is(.danger, .explode):after {
|
|||
#app {
|
||||
display: flex;
|
||||
}
|
||||
.decks {
|
||||
transition: transform 0.4s var(--timing-function);
|
||||
}
|
||||
.decks:has(~ .deck-backdrop) {
|
||||
transition: transform 0.4s ease-out;
|
||||
transform: translate3d(-5vw, 0, 0);
|
||||
}
|
||||
.deck-backdrop .deck {
|
||||
|
|
Loading…
Add table
Reference in a new issue