bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add structure

Browse Source
This commit is contained in:
Kevin Tessier
2019-05-01 19:59:32 +02:00
parent f988fe8ae1
commit 0cae791a02
58 changed files with 3768 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
user/themes/lecampus/scss/theme/_header.scss
View File

@@ -1,54 +1,60 @@
#header{
z-index: 999;
position: relative;
@include inlineflex();
justify-content: center;
width: 100%;
nav{
@include inlineflex();
justify-content: space-around;
height: 100px;
width: 100%;
a{
padding: 10px;
width: 70%;
.logo{
display: flex;
a{
display: block;
margin: auto;
}
}
& > ul{
@include inlineflex();
&> li{
margin-left: 10px;
padding: 0 10px 10px 10px;
& > ul{
display: none;
}
&:nth-last-child(-n+1){
& > a{
display: block;
height: 100px;
background: rgb(84, 153, 183);
color: white;
}
}
&:hover{
&.dropmenu{
a{
padding: 10px;
}
& > ul{
@include inlineflex();
&> li{
height: 3em; /* hauteur du parent */
line-height: 2.5em; /* hauteur de ligne (identique) */
white-space: nowrap; /* interdiction de passer à la ligne */
margin: auto 20px;
border-top: 1px solid $light-blue;
border-bottom: 3px solid $green;
& > ul{
display: block;
a{
display: none;
border-bottom: 3px solid $green;
}
&:hover{
& > ul{
display: block;
height: 50px;
background: white;
padding: 10px;
a{
display: block;
height: 50px;
background: white;
padding: 10px;
}
}
}
}
}
}
.reso{
@include inlineflex();
flex-wrap: nowrap;
width: 30px;
img{
margin-left: 10px;
}
}
.desktop-menu{
@include inlineflex;
flex-wrap: nowrap;
a{
display: block;
width: 35px;
margin: auto 5px;
}
}
}
}