js menu burger
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user