nicolo/fara-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Better close button in side nav

Browse Source
This commit is contained in:
Nicolò P 2021-09-01 16:00:43 +02:00
parent fabdabe331
commit c9127e3384
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/main.css
View File

@ -191,6 +191,9 @@ header {
animation-duration: 1s; animation-duration: 1s;
transition: slidein 0.5s ease-in; transition: slidein 0.5s ease-in;
} }
.side-nav a:nth-child(2) {
margin-top: 60px;
}
@keyframes slidein { @keyframes slidein {
from { from {
width: 0px; width: 0px;
@ -240,7 +243,8 @@ header {
#close-nav { #close-nav {
padding-top: 0.7rem; padding-top: 0.7rem;
padding-left: 0; padding-left: 0;
margin: 0px 0 15px 0; position: absolute;
right: 5px;
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
} }
@ -249,8 +253,8 @@ header {
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 45px;
height: 35px; height: 45px;
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 40px border-radius: 40px
} }
@ -260,7 +264,7 @@ header {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
width: 20px; width: 30px;
height: 2px; height: 2px;
background: currentColor; background: currentColor;
transform: rotate(45deg); transform: rotate(45deg);