pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mise en place dropdown menu en cours

Browse Source
This commit is contained in:
hugogogo
2021-04-21 16:47:51 +02:00
parent 4bb09a3e6f
commit 37d3fd2978
1 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
styles/skeleton.css vendored
View File

@@ -20,6 +20,7 @@ nav {
/*we have to set the height to use the height % for childs elements*/ /*we have to set the height to use the height % for childs elements*/
height: calc(var(--nav-height) + 1px); height: calc(var(--nav-height) + 1px);
z-index: 10; z-index: 10;
position: relative;
} }
.container_main { .container_main {
flex-direction: row; flex-direction: row;
@@ -94,11 +95,56 @@ footer iframe {
position: relative; position: relative;
} }
/*NAVBAR*/ /*NAVBAR*/
nav.navbar {
flex-direction: column;
height: auto;
}
.navbar .nav_left a { .navbar .nav_left a {
display: none; display: none;
display: flex;
margin-left: 0px;
width: 100%;
}
.navbar .nav_left a p {
margin-left: 20px;
}
.navbar .nav_right {
display: none;
display: flex;
} }
.navbar .nav_left a#nav_logo { .navbar .nav_left a#nav_logo {
display: flex; display: flex;
margin-bottom: 40px;
width: auto;
}
.navbar .nav_left {
flex-direction: column;
height: auto;
}
.navbar .nav_right {
margin: 20px 0px;
}
/*burger menu*/
nav.navbar::before {
content: "";
position: absolute;
right: 20px;
top: 10px;
width: 26px;
height: 14px;
border-top: 2px solid lightgrey;
border-bottom: 2px solid lightgrey;
cursor: pointer;
}
nav.navbar::after {
content: "";
position: absolute;
right: 20px;
top: 18px;
width: 26px;
height: 2px;
border-top: 2px solid lightgrey;
pointer-events: none;
} }
/*MAIN*/ /*MAIN*/
main { main {