dropdown menu header
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user