dropdown menu header

This commit is contained in:
2022-01-18 16:55:01 +01:00
parent d94a2528c2
commit e2bf468ed9
3 changed files with 15 additions and 236 deletions
@@ -75,7 +75,6 @@
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: white;
width: 100%;
padding: 1rem;
@@ -83,11 +82,12 @@
color:$blue-light;
}
ul{
display: flex;
flex-direction: column;
// padding: 1rem;
// padding: 0.5rem;
display: none;
background:$white;
.is-active{
color:$blue-light;
}
@@ -97,7 +97,6 @@
flex-direction: column;
background-color: $white;
padding-bottom: 0.8rem;
// align-items: center;
min-width: 30%;
align-items: center;
.menuOpen{
@@ -105,8 +104,6 @@
}
a {
color: $black;
// text-align: center;
}
.is-active{
color:$blue-light;
@@ -115,75 +112,11 @@
color: $blue-light;
}
}
&:hover{
ul{
display: block;
}
li:hover ul {
display: block;
}
}
// ul ul {
// display: none;
// }
// :hover ul{
// ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover div:first-of-type{
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover ul div:nth-of-type(2){
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
}
// reseaux sociaux