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; list-style: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%; } justify-content: space-around;
width: 100%;
padding: 0.5rem; }
#header-top .region-header-top-left ul .is-active { #header-top .region-header-top-left ul .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul ul { #header-top .region-header-top-left ul ul {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; } padding: 0.5rem; }
#header-top .region-header-top-left ul ul .is-active { #header-top .region-header-top-left ul ul .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul li { #header-top .region-header-top-left ul li {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; } padding: 0.5rem;
align-items: center;
min-width: 260px; }
#header-top .region-header-top-left ul li a { #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 { #header-top .region-header-top-left ul li .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul li :hover { #header-top .region-header-top-left ul li :hover {
@@ -2010,9 +2015,9 @@ a {
#header-top .region-header-top-left ul ul { #header-top .region-header-top-left ul ul {
display: none; } display: none; }
#header-top .region-header-top-left :hover ul ul { #header-top .region-header-top-left :hover ul ul {
display: block; display: flex;
background-color: white; background-color: white;
padding: 0.2rem; } justify-content: space-around; }
#header-top .region-header-top-left :hover ul ul .is-active { #header-top .region-header-top-left :hover ul ul .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left :hover ul ul a { #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; list-style: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around;
width: 100%; width: 100%;
padding: 0.5rem;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
} }
ul{ ul{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; // padding: 1rem;
padding: 0.5rem;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
} }
@@ -93,9 +97,13 @@
li{ li{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; padding: 0.5rem;
align-items: center;
min-width: 260px;
a { a {
color: $black; color: $black;
text-align: center;
} }
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
@@ -112,9 +120,10 @@
:hover ul{ :hover ul{
ul{ ul{
display: block; display: flex;
background-color: $white; background-color: $white;
padding: 0.2rem; justify-content: space-around;
// padding: 0.5rem;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
} }