static region top

This commit is contained in:
2021-11-18 12:31:31 +01:00
parent a107bf51db
commit 2d8b36a76e
2 changed files with 24 additions and 25 deletions
+10 -5
View File
@@ -342,8 +342,10 @@ header {
#header-top #block-burger h2:after { #header-top #block-burger h2:after {
display: block; display: block;
height: 60px; height: 60px;
content: ""; font-family: 'Font Awesome';
background-image: url("~/web/themes/custom/eql/images/pictos/menu.png"); content: "\f0c9";
font-weight: 100;
font-size: 5rem;
height: 6rem; } height: 6rem; }
#header-top #block-burger #block-burger-menu { #header-top #block-burger #block-burger-menu {
display: block; display: block;
@@ -351,10 +353,12 @@ header {
align-self: center; align-self: center;
text-align: center; text-align: center;
height: 7rem; } height: 7rem; }
#header-top #block-burger .menuOpen:first-of-type { #header-top #block-burger .ul1:not(.sous-liste) {
width: 500%; width: 300%;
position: relative; position: relative;
right: 0; } right: 260px;
margin: 0;
padding-top: 2rem; }
#header-top #block-burger ul { #header-top #block-burger ul {
display: none; display: none;
background-color: #009ee3; background-color: #009ee3;
@@ -363,6 +367,7 @@ header {
#header-top #block-burger ul .ul1 .sous-liste a { #header-top #block-burger ul .ul1 .sous-liste a {
opacity: 1; } opacity: 1; }
#header-top #block-burger ul a { #header-top #block-burger ul a {
opacity: 0.6;
color: white; color: white;
font-weight: 800; font-weight: 800;
font-size: 1rem; } font-size: 1rem; }
@@ -76,12 +76,12 @@ header{
h2:after{ h2:after{
display: block; display: block;
height: 60px; height: 60px;
// font-family: 'Font Awesome'; font-family: 'Font Awesome';
// content: "\f0c9"; content: "\f0c9";
// font-weight: 100; font-weight: 100;
// font-size: 5rem; font-size: 5rem;
content:""; // content:"";
background-image: url('~/web/themes/custom/eql/images/pictos/menu.png'); // background-image: url('~/web/themes/custom/eql/images/pictos/menu.png');
height: 6rem; height: 6rem;
} }
@@ -93,34 +93,28 @@ header{
height:7rem; height:7rem;
} }
// ul {display: none;}
.menuOpen:first-of-type{ .ul1:not(.sous-liste){
width: 500%; width: 300%;
position: relative; position: relative;
right: 0; right: 260px;
margin: 0;
padding-top: 2rem;
} }
ul { ul {
display: none; display: none;
// width: 100vw;
// position: relative;
// bottom:8%;;
// left: calc(-30vw + 50%);
// height: fit-content;
// padding-bottom: 1rem;
// padding-top: 1rem;
background-color: $blue-light; background-color: $blue-light;
line-height: 2rem; line-height: 2rem;
list-style: none; list-style: none;
.ul1 .sous-liste{ .ul1 .sous-liste{
// left: calc(-50vw + 50%);
// padding-top: 0;
a{ a{
opacity: 1; opacity: 1;
} }
} }
a{ a{
opacity: 0.6;
color: $white; color: $white;
font-weight: 800; font-weight: 800;
font-size: 1rem; font-size: 1rem;