header menu

This commit is contained in:
2021-12-13 17:29:16 +01:00
parent 9237a38979
commit 99b202a810
4 changed files with 145 additions and 27 deletions
@@ -62,16 +62,25 @@
}
}
#block-headermenu{
align-self: baseline;
width: 70%;
.block-headermenu-menu{
}
}
ul{
font-size: 1.2rem;
font-size: 1rem;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
:is(.sous-liste){
display: flex;
flex-direction: column;
padding: 1rem;
// padding: 1rem;
}
li{
@@ -89,17 +98,17 @@
ul div:first-child li div{
display: none;
}
// ul div:nth-child(2) li div{
// display: none;
// }
// ul:is(.ul1 .sous-liste .ul2){
// display: none;
// }
:hover ul {
ul div:nth-child(2) li div{
display: none;
}
ul:is(.ul1 .sous-liste .ul2){
display: none;
}
:hover ul{
div:first-child li div{
display: block;
background-color: $white;
padding: 1rem;
padding: 0.2rem;
a{
color: $black;
&:hover{
@@ -112,7 +121,7 @@
div:nth-child(2) li div{
display: block;
background-color: $white;
padding: 1rem;
padding: 0.2rem;
a{
color: $black;
&:hover{
@@ -121,6 +130,18 @@
}
}
}
:hover ul:is(.ul1 .sous-liste .ul2){
display: block;
background-color: $white;
padding: 0.2rem;
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
// reseaux sociaux