js menu burger

This commit is contained in:
2021-11-17 11:54:57 +01:00
parent b93bd15b78
commit 42a28c2e5a
5 changed files with 78 additions and 93 deletions
+29 -27
View File
@@ -82,7 +82,6 @@
/* Manifont Grotesk */
/* Colors used for EQL */
.layout-container {
position: absolute;
font-family: "Marianne", sans-serif;
margin: none;
top: 0%;
@@ -217,6 +216,7 @@ a {
display: flex;
flex-direction: column; }
#header-top #block-burger {
z-index: 1;
background-color: #009ee3;
font-size: 0.7rem;
color: white;
@@ -224,40 +224,42 @@ a {
width: 7rem;
height: 7rem;
margin-top: 0; }
#header-top #block-burger :hover {
cursor: pointer; }
#header-top #block-burger h2::after {
display: block;
font-family: 'Font Awesome';
content: "\f0c9";
font-size: 5rem; }
height: 60px;
font-size: 1rem; }
#header-top #block-burger #block-burger-menu {
display: block;
margin-top: 0;
margin: 0;
align-self: center;
text-align: center; }
text-align: center;
height: 7rem; }
#header-top #block-burger ul {
display: none; }
#header-top #block-burger ul .open {
width: 100vw;
position: relative;
bottom: 8%;
left: calc(-30vw + 50%);
display: block;
height: fit-content;
padding-bottom: 1rem;
padding-top: 1rem;
background-color: #009ee3;
line-height: 2rem;
list-style: none; }
#header-top #block-burger ul .open .ul1 .sous-liste {
left: calc(-50vw + 50%);
padding-top: 0; }
#header-top #block-burger ul .open .ul1 .sous-liste a {
opacity: 1; }
#header-top #block-burger ul .open a {
color: white;
font-weight: 800;
font-size: 1.7rem;
opacity: 0.7; }
display: none;
width: 100vw;
position: relative;
bottom: 8%;
left: calc(-30vw + 50%);
height: fit-content;
padding-bottom: 1rem;
padding-top: 1rem;
background-color: #009ee3;
line-height: 2rem;
list-style: none; }
#header-top #block-burger ul .ul1 .sous-liste {
left: calc(-50vw + 50%);
padding-top: 0; }
#header-top #block-burger ul .ul1 .sous-liste a {
opacity: 1; }
#header-top #block-burger ul a {
color: white;
font-weight: 800;
font-size: 1.7rem;
opacity: 0.7; }
#fotter-bottom {
display: flex;