This commit is contained in:
parent
16d9851535
commit
53b6355baf
21 changed files with 385 additions and 132 deletions
|
|
@ -7,7 +7,6 @@
|
|||
.logo {
|
||||
margin-top: calc(var(--spacing)*0.25);
|
||||
margin-bottom: calc(var(--spacing)*1);
|
||||
opacity: 0;
|
||||
svg{
|
||||
width: 100px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,6 @@
|
|||
|
||||
#site-title {
|
||||
flex-grow: 2;
|
||||
opacity: 0;
|
||||
svg{
|
||||
width: 100px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,22 +1,23 @@
|
|||
#site-menu{
|
||||
position: fixed;
|
||||
width: 420px;
|
||||
width: var(--menu-w);
|
||||
height: calc(100dvh - var(--header-h));
|
||||
height: calc(100vh - var(--header-h));
|
||||
top: var(--header-h);
|
||||
right: 0;
|
||||
right: calc(var(--menu-w)*-1);
|
||||
transition: right .3s ease-in;
|
||||
background-color: var(--color-bg);
|
||||
border-left: var(--border-light);
|
||||
padding: var(--padding-body);
|
||||
// background-color: red;
|
||||
z-index: 1000;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: none;
|
||||
// display: none;
|
||||
|
||||
.baseline{
|
||||
font-size: var(--fs-medium);
|
||||
}
|
||||
// .baseline{
|
||||
// font-size: var(--fs-medium);
|
||||
// }
|
||||
|
||||
form{
|
||||
margin-top: calc(var(--spacing)*1);
|
||||
|
|
@ -68,13 +69,14 @@
|
|||
list-style-type: none;
|
||||
text-transform: uppercase;
|
||||
li{
|
||||
font-size: var(--fs-medium);
|
||||
font-size: var(--fs-normal);
|
||||
a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 0.5em 0;
|
||||
&:hover{
|
||||
color: var(--grey-200);
|
||||
text-decoration: underline;
|
||||
// color: var(--grey-200);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -84,4 +86,21 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.menu-open{
|
||||
overflow: hidden;
|
||||
main, footer, #nav-highlight{
|
||||
transition: opacity .3s ease-in;
|
||||
opacity: 0.1;
|
||||
}
|
||||
#site-menu{
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#menu-toggle{
|
||||
.open{ display: none; }
|
||||
.close{ display: block!important; }
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue