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

modif menu, suppression ornements

Browse Source
This commit is contained in:
Valentin
2024-10-31 01:32:57 +01:00
parent 13bbaef953
commit 4845247d6b
29 changed files with 280 additions and 975 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,15 +13,17 @@ body.toolbar-fixed header[role="banner"] {
//overflow: hidden;
header[role="banner"] {
width: 100%;
background: white;
z-index: 99;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
background-color: white;
z-index: 99;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
position: sticky;
top: -12vh;
box-shadow: none;
}
> div {
> div:first-of-type {
z-index: 99;
position: relative;
display: grid;
grid-template-columns: repeat(16, 1fr);
> div{
@@ -85,12 +87,15 @@ body.toolbar-fixed header[role="banner"] {
}
}
@media (min-width: $breakpoint_desktop) {
grid-column: 3 / 6;
> div > div > a > img {
transform: translateX(-40px);
padding-top: 30px;
padding-bottom: 30px;
}
grid-column: 3 / 8;
}
@media (min-width: $breakpoint_desktop_large) {
grid-column: 3 / 6;
> div > div > a > img {
transform: translateX(-40px);
padding-top: 30px;
padding-bottom: 30px;
}
}
}
#block-erabletheme-logoerable {
@@ -216,8 +221,8 @@ body.toolbar-fixed header[role="banner"] {
display: none;
}
}
}
}
}
}
@@ -253,12 +258,18 @@ body.toolbar-fixed header[role="banner"] {
margin-top: 0 !important;
}
}
> div:nth-of-type(2) {
z-index: 98;
position: relative;
}
}
#block-erabletheme-navigationprincipale {
width: 100vw;
display: none;
background-color: white;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
position: absolute;
padding-top: 1rem;
// background-color: white;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
display: block;
}
@@ -267,25 +278,57 @@ body.toolbar-fixed header[role="banner"] {
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
border-top: solid 1px $dark_green;
// border-top: solid 1px $dark_green;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
padding: 4px 12px;
background-color: white;
transition: background-color 0.3s ease;
&:first-of-type {
display: flex;
justify-items: center;
&::after {
content: url(../assets/icons/arrow-down-s-line.svg);
display: inline-block;
height: 1rem;
width: 1rem;
margin-left: 0.2rem;
}
}
&:hover, &.submenu-open {
background-color: $fluo_green;
}
a {
font-weight: 800;
padding: 4px 6px;
color: black;
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease;
}
a:hover {
background-color: $fluo_green;
}
a.is-active {
font-weight: 800;
color: black;
&:is-active {
background-color: $fluo_green;
}
}
}
}
}
#block-erabletheme-leprogramme {
position: absolute;
background-color: white;
max-height: 0vh;
overflow: hidden;
display: none;
transition: max-height 0.6s ease;
> h2 {
display: none;
}
ul {
padding: 1rem 1.5rem;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
margin: 0.5rem 0;
a {
color: black;
}
}
}
}
}