bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

intégration du design il manque que les images de fond

Browse Source
This commit is contained in:
Valentin
2023-12-15 20:04:59 +01:00
parent cb35336870
commit a0137d95ac
19 changed files with 832 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
web/themes/erabletheme/scss/partials/_header.scss
View File

@@ -161,7 +161,7 @@
}
}
}
ul {
ul:not(.social-media-links--platforms) {
display: none;
height: auto;
max-height: 0vh;
@@ -173,14 +173,19 @@
width: 100vw;
z-index: 0;
padding: 0;
li {
align-items: center;
flex-direction: column;
> li {
width: 100%;
display: flex;
justify-content: center;
padding: 6px 0;
opacity: 0;
transition: opacity 0.3s ease;
a {
max-width: 60vw;
> a {
text-align: center;
line-height: 1.2;
color: white;
font-family: 'Marianne', sans-serif;
font-weight: 800;
@@ -188,22 +193,57 @@
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease, color 0.3s ease;
}
a:hover {
> a:hover {
background-color: white;
color: $dark_green;
}
a.is-active {
> a.is-active {
background-color: white;
color: $dark_green;
}
@media (min-width: $breakpoint_tablet) {
max-width: 30vw;
}
#socials-in-menu-wrapper {
display: flex;
width: auto;
li {
width: auto;
padding: 0 1rem;
margin-top: 1rem;
a {
span {
color: white;
}
svg {
display: none;
}
}
}
}
}
li.visible {
> li.visible {
opacity: 1;
}
> li:nth-of-type(1),
> li:nth-of-type(2),
> li:nth-of-type(6) {
border-bottom: solid 1px white;
padding: 12px 0;
}
@media (min-width: $breakpoint_desktop) {
width: 25vw;
right: 0;
left: auto;
li {
width: calc(100% - $x_margin * 2);
a {
width: 100%;
text-align: left;
}
}
}
}
ul.active {