add transition to menu
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
All checks were successful
Deploy / Deploy to Production (push) Successful in 5s
This commit is contained in:
parent
41a193d37b
commit
7a4983c447
2 changed files with 11 additions and 3 deletions
|
|
@ -14,11 +14,14 @@
|
|||
|
||||
&.small {
|
||||
.characters svg {
|
||||
height: 0;
|
||||
// height: 0;
|
||||
}
|
||||
.characters {
|
||||
margin: 0;
|
||||
height: 0;
|
||||
margin-top: -6.3em;
|
||||
padding-bottom: 1em;
|
||||
transition-duration: var(--transition-duration);
|
||||
// margin: 0;
|
||||
// height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -30,6 +33,8 @@
|
|||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 var(--space-body);
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
button {
|
||||
display: none;
|
||||
font-family: "Bartok", sans-serif;
|
||||
|
|
@ -42,6 +47,8 @@
|
|||
.characters {
|
||||
scale: var(--scale);
|
||||
margin-top: 1em;
|
||||
transition-duration: var(--transition-duration);
|
||||
|
||||
svg {
|
||||
overflow: visible;
|
||||
height: 5em;
|
||||
|
|
|
|||
|
|
@ -13,4 +13,5 @@
|
|||
|
||||
--menu-font: "Bartok", sans-serif;
|
||||
--menu-font-size: 2em;
|
||||
--transition-duration: 0.5s;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue