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