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

menu header li width variable

Browse Source
This commit is contained in:
ouidade
2021-12-21 20:53:17 +01:00
parent 00f6cb0671
commit e8e1e74782
2 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+5 -7
View File
@@ -1983,28 +1983,27 @@ a {
align-self: baseline; align-self: baseline;
width: 70%; } width: 70%; }
#header-top .region-header-top-left ul { #header-top .region-header-top-left ul {
background-color: white;
font-size: 1rem; font-size: 1rem;
list-style: none; list-style: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
width: 100%; width: 100%;
padding: 0.5rem; } padding: 1rem; }
#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: 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: 0.5rem; background-color: white;
padding-bottom: 0.8rem;
align-items: center; align-items: center;
min-width: 260px; } min-width: 25%; }
#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; } text-align: center; }
@@ -2016,7 +2015,6 @@ a {
display: none; } display: none; }
#header-top .region-header-top-left :hover ul ul { #header-top .region-header-top-left :hover ul ul {
display: flex; display: flex;
background-color: white;
justify-content: space-around; } 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; }
web/themes/custom/eql/scss/partials/_header.scss
+5 -6
View File
@@ -73,14 +73,13 @@
} }
ul{ ul{
background-color: $white;
font-size: 1rem; font-size: 1rem;
list-style: none; list-style: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
width: 100%; width: 100%;
padding: 0.5rem; padding: 1rem;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
@@ -89,7 +88,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// padding: 1rem; // padding: 1rem;
padding: 0.5rem; // padding: 0.5rem;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
} }
@@ -97,9 +96,10 @@
li{ li{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0.5rem; background-color: $white;
padding-bottom: 0.8rem;
align-items: center; align-items: center;
min-width: 260px; min-width: 25%;
a { a {
color: $black; color: $black;
text-align: center; text-align: center;
@@ -121,7 +121,6 @@
:hover ul{ :hover ul{
ul{ ul{
display: flex; display: flex;
background-color: $white;
justify-content: space-around; justify-content: space-around;
// padding: 0.5rem; // padding: 0.5rem;
.is-active{ .is-active{