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

début du thème, footer et header en mobile

Browse Source
This commit is contained in:
Valentin
2023-12-06 17:06:45 +01:00
parent b258cc3181
commit a08922d8be
19 changed files with 644 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
web/themes/erabletheme/scss/partials/_articles.scss Normal file
View File

@@ -0,0 +1,46 @@
.actu_full {
@include beige_gradient();
font-family: "Marianne", sans-serif;
padding-top: 3vh;
width: 100vw;
div {
@include main_text_content();
}
.retour_actus {
font-size: $sm_font_size;
font-weight: 800;
color: $teal;
padding-left: $x_margin;
}
.article_meta {
padding-left: $x_margin;
margin: 20px 0;
div {
font-size: $sm_font_size;
margin-bottom: 5px;
}
}
h2 {
@include main_title();
}
h2 + div {
padding: $x_margin;
.visually-hidden {
width: 0% !important;
}
div:first-of-type {
margin-top: -10px;
margin-bottom: 30px;
}
div:nth-of-type(2) {
> div {
width: 100%;
margin-bottom: 40px;
img {
width: 100%;
height: auto;
}
}
}
}
}

56
web/themes/erabletheme/scss/partials/_carousel.scss Normal file
View File

@@ -0,0 +1,56 @@
.slick-container {
@include beige_gradient();
width: 100vw;
border-bottom: solid 2px $teal;
div.views-row article {
width: 100%;
div:first-of-type { // container du lien image
width: 100%;
max-height: 40vh;
overflow-y: hidden;
> div {
width: 100%;
> a {
max-width: 100%;
img {
width: 100%;
height: auto;
}
}
}
}
.preview_date, .preview_type, .preview_sous_titre {
font-family: "Marianne", sans-serif;
font-size: $m_font_size;
padding: 2px $x_margin;
}
.preview_date {
margin-top: 1.3rem;
font-weight: 800;
}
h2 {
@include main_title();
}
}
#carousel_dots {
position: relative;
margin-top: -15px;
ul {
position: relative;
bottom: 0;
li.slick-active button::before{
color: $fluo_green;
}
li button::before{
color: rgba(0.9, 0.9, 0.9, 1);
}
}
}
footer {
@include fluo_button();
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
}
}