bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header menu propre

Browse Source
This commit is contained in:
ouidade
2021-12-21 12:31:45 +01:00
parent c9d59bec1c
commit 0b2878a290
2 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+11 -6
View File
@@ -1988,21 +1988,26 @@ a {
list-style: none;
display: flex;
flex-direction: row;
width: 100%; }
justify-content: space-around;
width: 100%;
padding: 0.5rem; }
#header-top .region-header-top-left ul .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul ul {
display: flex;
flex-direction: column;
padding: 1rem; }
padding: 0.5rem; }
#header-top .region-header-top-left ul ul .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul li {
display: flex;
flex-direction: column;
padding: 1rem; }
padding: 0.5rem;
align-items: center;
min-width: 260px; }
#header-top .region-header-top-left ul li a {
color: black; }
color: black;
text-align: center; }
#header-top .region-header-top-left ul li .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul li :hover {
@@ -2010,9 +2015,9 @@ a {
#header-top .region-header-top-left ul ul {
display: none; }
#header-top .region-header-top-left :hover ul ul {
display: block;
display: flex;
background-color: white;
padding: 0.2rem; }
justify-content: space-around; }
#header-top .region-header-top-left :hover ul ul .is-active {
color: #009ee3; }
#header-top .region-header-top-left :hover ul ul a {
web/themes/custom/eql/scss/partials/_header.scss
+13 -4
View File
@@ -78,14 +78,18 @@
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
padding: 0.5rem;
.is-active{
color:$blue-light;
}
ul{
display: flex;
flex-direction: column;
padding: 1rem;
// padding: 1rem;
padding: 0.5rem;
.is-active{
color:$blue-light;
}
@@ -93,9 +97,13 @@
li{
display: flex;
flex-direction: column;
padding: 1rem;
padding: 0.5rem;
align-items: center;
min-width: 260px;
a {
color: $black;
text-align: center;
}
.is-active{
color:$blue-light;
@@ -112,9 +120,10 @@
:hover ul{
ul{
display: block;
display: flex;
background-color: $white;
padding: 0.2rem;
justify-content: space-around;
// padding: 0.5rem;
.is-active{
color:$blue-light;
}