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

fonds, ajustements carte index projets, ajustements grille index projets, hover carte leaflet projet, ajustements collectifs des projets

Browse Source
This commit is contained in:
Valentin
2024-11-07 04:37:14 +01:00
parent dea01885d7
commit 9cd6627bfa
47 changed files with 2795 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
web/themes/erabletheme/scss/_gouvernance.scss
View File

@@ -8,68 +8,70 @@
&:first-of-type {
margin-top: 5vh;
}
> div:first-of-type {
grid-row: 1 / 3;
display: flex;
align-items: center;
> div {
width: 20vw;
height: 20vw;
position: relative;
img {
border-radius: 10vw;
width: 100%;
height: 100%;
object-fit: cover;
}
&::after {
top: 0;
left: 0;
position: absolute;
content: '';
height: 100%;
width: 100%;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
}
> .portrait {
grid-row: 1 / 3;
> div {
display: flex;
align-items: center;
> div {
width: 20vw;
height: 20vw;
position: relative;
img {
border-radius: 10vw;
width: 100%;
height: 100%;
object-fit: cover;
}
&::after {
top: 0;
left: 0;
position: absolute;
content: '';
height: 100%;
width: 100%;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
}
}
}
> div:nth-of-type(2),
> div:nth-of-type(3) {
margin-bottom: 2vh;
> .prenom,
> .nom {
align-self: flex-end;
margin-bottom: 2vh;
@include sous_titre();
}
> div:nth-of-type(3) {
> .nom > div {
padding-left: 0.5rem;
}
> div:last-of-type {
> .texte {
grid-column: 2 / 4;
@include main_text_content();
> div > p {
p {
margin-top: 0 !important;
padding-left: 0;
padding-left: 0 !important;
}
}
@media (min-width: $breakpoint_tablet) {
grid-template-columns: 10vw auto 1fr;
> div:first-of-type > div {
> .portrait > div > div {
width: 10vw;
height: 10vw;
border-radius: 5vw;
}
> div:nth-of-type(2) {
> .prenom {
padding-left: 3vw;
}
> div:last-of-type > div > p {
padding-left: 3vw;
> .texte p {
padding-left: 3vw !important;
}
}