add: new design (wip)
New design as WIP, swipe controls
This commit is contained in:
parent
259adf53f6
commit
7af148058e
15 changed files with 354 additions and 142 deletions
|
@ -3,16 +3,18 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: var(--padding-default);
|
||||
background-color: var(--color-white);
|
||||
background-color: var(--color-lightest);
|
||||
box-shadow: var(--box-shadow-z2);
|
||||
color: var(--color-darkest);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
|
||||
& strong {
|
||||
font-size: 2em;
|
||||
|
||||
& span {
|
||||
color: var(--color-main);
|
||||
color: var(--color-main-dark);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -38,7 +40,7 @@
|
|||
top: 0;
|
||||
height: 100dvh;
|
||||
transition: 150ms ease-in-out;
|
||||
background: var(--color-white);
|
||||
background: var(--color-lightest);
|
||||
font-size: 2em;
|
||||
align-items: end;
|
||||
z-index: 100;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue