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

redesign blocks présentation et slider actus sur l'intro

Browse Source
This commit is contained in:
Valentin
2024-10-31 20:08:58 +01:00
parent 42ed7763d0
commit c56dadee02
15 changed files with 433 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -174,9 +174,6 @@ body.toolbar-fixed header[role="banner"] {
padding: 0;
align-items: center;
flex-direction: column;
@media screen and (min-width: $breakpoint_desktop) {
padding-top: 3rem;
}
> li {
width: 100%;
display: flex;
@@ -264,53 +261,51 @@ body.toolbar-fixed header[role="banner"] {
}
}
#block-erabletheme-navigationprincipale {
width: 100vw;
display: none;
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;
}
ul {
width: 100%;
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
// 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;
}
background: linear-gradient(to bottom, white, transparent);
width: 100vw;
display: none;
position: absolute;
padding-top: 1rem;
@media (min-width: $breakpoint_desktop) {
display: block;
}
ul {
width: 100%;
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
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 {
}
&:hover, &.submenu-open {
background-color: $fluo_green;
}
a {
font-weight: 800;
color: black;
&:is-active {
background-color: $fluo_green;
}
a {
font-weight: 800;
color: black;
&:is-active {
background-color: $fluo_green;
}
}
}
}
}
}
}
}
#block-erabletheme-leprogramme {
position: absolute;
position: fixed;
background-color: white;
max-height: 0vh;
overflow: hidden;
@@ -327,6 +322,9 @@ body.toolbar-fixed header[role="banner"] {
margin: 0.5rem 0;
a {
color: black;
&:hover, &.is-active {
font-weight: 800;
}
}
}
}