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

application de la nouvelle identité sur toutes les pages

Browse Source
This commit is contained in:
Valentin Le Moign
2026-06-01 22:10:03 +02:00
parent a4cc0ef538
commit b52190eff6
44 changed files with 1369 additions and 907 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
web/themes/erabletheme/scss/_meetup.scss
View File

@@ -1,3 +1,8 @@
// Wrapper config_pages (bandeau d'intro de la page meetup).
.config_pages--type--meetup {
padding-top: 1.5rem;
}
.fullpage.meetup {
> h2 {
border-bottom: solid 1px $teal;
@@ -20,8 +25,10 @@
width: calc(75% - $x_margin * 2);
}
}
// Bouton "Déposer mon offre" : texte gris foncé (et icônes ::before /
// ::after) au repos, noir au survol. Fond brand conservé.
> div:last-of-type {
background-color: $teal;
background-color: $fluo_green;
width: 60%;
margin-left: calc(40% - $x_margin);
margin-top: 4vh;
@@ -42,26 +49,28 @@
height: 100%;
display: block;
font-weight: 800;
color: white;
color: $text_grey;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
transform: translateY(0);
transition: transform 0.2s ease-out;
transition: color 0.2s ease-out, transform 0.2s ease-out;
@media (min-width: $breakpoint_tablet) {
padding: 1rem 0.5rem;
}
}
> a::after {
content: "\2003 →";
color: $text_grey;
transition: color 0.2s ease-out;
}
> a::before {
content: "+";
aspect-ratio: 1/1;
text-decoration: none !important;
color: white;
border: solid 1px white;
color: $text_grey;
border: solid 1px $text_grey;
width: 1.8rem;
height: 1.8rem;
border-radius: 1.5rem;
@@ -71,6 +80,7 @@
align-items: center;
margin-right: 0.6rem;
padding-bottom: 5px;
transition: color 0.2s ease-out, border-color 0.2s ease-out;
@media (min-width: $breakpoint_tablet) {
padding-bottom: 10px;
width: 3rem;
@@ -80,10 +90,22 @@
}
> a:hover {
transform: translateY(-2px);
color: black;
&::after { color: black; }
&::before { color: black; border-color: black; }
}
}
}
}
// Form de filtre meetup.
.js-form-item {
padding-left: 0;
}
// Bouton submit "Appliquer".
input.form-submit,
.form-submit {
padding: 0.5rem 1.2rem;
}
> .meetup_list {
display: grid;
margin: 3vh $x_margin;
@@ -163,7 +185,7 @@
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
font-weight: $fw_regular;
//display: none;
}
> a.offre-title {
@@ -172,8 +194,11 @@
> h2 {
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
font-family: $vogun;
font-weight: $fw_medium;
font-size: $fs_lg;
line-height: $lh_tight;
}
}
> p.address {
@@ -250,11 +275,15 @@
}
> .offre-content {
> div {
border-top: solid 1px $teal;
padding-top: 4vh;
margin-left: $x_margin;
margin-right: $x_margin;
width: calc(100% - $x_margin * 2);
// Méta de l'offre : occupation + address en gris foncé.
.occupation,
.address {
color: $text_grey;
}
> div > div > div {
display: grid;
grid-template-columns: 0.3fr 1fr 1fr;
@@ -412,6 +441,9 @@
@include fluo_button();
a {
display: inline-block;
// Mobile : bouton sur fond gris (colonne blanche).
// Desktop : repasse en blanc (position: fixed sur fond gris).
background-color: $page_bg;
}
@media (min-width: $breakpoint_desktop) {
text-align: right;
@@ -425,6 +457,7 @@
}
a {
max-width: calc(25vw - $x_margin * 2);
background-color: white;
}
}
}
@@ -441,6 +474,8 @@
@include fluo_button();
a {
display: inline-block;
// Mobile : bouton sur fond gris (colonne blanche).
background-color: $page_bg;
}
@media (min-width: $breakpoint_desktop) {
text-align: right;
@@ -454,6 +489,7 @@
}
a {
max-width: calc(25vw - $x_margin * 2);
background-color: white;
}
}
}