Compare commits
No commits in common. "b5760c28da678faace8240732a566deeccb18b18" and "c25e443c4de721c9e87dfd21d7513ec1f98ef1fc" have entirely different histories.
b5760c28da
...
c25e443c4d
|
@ -244,7 +244,7 @@ em {
|
||||||
|
|
||||||
#navbar {
|
#navbar {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: calc(100vh - 120px);
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -252,6 +252,7 @@ em {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
padding-block: 60px;
|
||||||
padding-inline: 0;
|
padding-inline: 0;
|
||||||
transform: translateX(-100vw);
|
transform: translateX(-100vw);
|
||||||
transition: transform 0.5s ease;
|
transition: transform 0.5s ease;
|
||||||
|
@ -267,20 +268,17 @@ em {
|
||||||
position: static;
|
position: static;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
width: 100%;
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#links a, #nav a {
|
#links a, #nav a {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
#links a:after, #nav a:after {
|
|
||||||
right: auto;
|
|
||||||
height: 1.2em;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
transform: translatey(2em);
|
transform: translatey(2em);
|
||||||
}
|
}
|
||||||
|
@ -332,8 +330,4 @@ em {
|
||||||
body {
|
body {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbar #links {
|
|
||||||
padding-bottom: 1em;
|
|
||||||
}
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue