header menu propre

This commit is contained in:
2021-12-21 11:56:01 +01:00
parent ef6405e72a
commit c9d59bec1c
3 changed files with 40 additions and 136 deletions
@@ -78,16 +78,22 @@
list-style: none;
display: flex;
flex-direction: row;
// padding-left: 1rem;
// justify-content: space-between;
width: 100%;
:is(.sous-liste){
.is-active{
color:$blue-light;
}
ul{
display: flex;
flex-direction: column;
padding: 1rem;
.is-active{
color:$blue-light;
}
}
li{
display: flex;
flex-direction: column;
padding: 1rem;
a {
color: $black;
}
@@ -99,53 +105,28 @@
}
}
}
ul div:first-child li div{
ul ul {
display: none;
}
ul div:nth-child(2) li div{
display: none;
}
ul:is(.ul1 .sous-liste .ul2){
display: none;
}
:hover ul{
div:first-child li div{
:hover ul{
ul{
display: block;
background-color: $white;
padding: 0.2rem;
.is-active{
color:$blue-light;
}
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
:hover ul {
div:nth-child(2) li div{
display: block;
background-color: $white;
padding: 0.2rem;
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
}
:hover ul:is(.ul1 .sous-liste .ul2){
display: block;
background-color: $white;
padding: 0.2rem;
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
// reseaux sociaux