drupal-erable/web/themes/erabletheme/scss/_partenaires.scss

67 lines
2.1 KiB
SCSS
Raw Normal View History

2023-12-14 06:01:09 +01:00
.content_partenaires {
.views-row {
margin-bottom: 2vh;
article {
> h2 {
margin-bottom: 2vh;
@include sous_titre_alt();
2023-12-14 06:01:09 +01:00
}
> div:first-of-type {
height: unset !important;
display: grid;
grid-template-columns: 0.3fr 1fr;
2023-12-14 06:01:09 +01:00
align-items: center;
2024-11-05 01:44:18 +01:00
padding: 0 3vw;
2023-12-14 06:01:09 +01:00
> div:first-of-type {
grid-column: 1/3;
display: flex;
justify-content: center;
@media (min-width: $breakpoint_tablet) {
grid-column: 1/2;
}
> .visually-hidden {
display: none;
}
> div {
width: 30vw;
2023-12-14 06:01:09 +01:00
height: auto;
overflow: hidden;
img {
width: 100%;
height: auto;
mix-blend-mode: darken;
2023-12-14 06:01:09 +01:00
}
@media (min-width: $breakpoint_tablet) {
margin-bottom: 1rem;
width: 20vw;
}
@media (min-width: $breakpoint_desktop) {
width: 10vw;
}
2023-12-14 06:01:09 +01:00
}
}
2023-12-14 06:01:09 +01:00
> div:nth-of-type(2) {
grid-column: 1/3;
2023-12-14 06:01:09 +01:00
@include main_text_content();
margin-bottom: 2rem;
@media (min-width: $breakpoint_tablet) {
padding-left: $x_margin;
grid-column: 2/3;
}
2023-12-14 06:01:09 +01:00
}
2023-12-14 06:01:09 +01:00
> div:last-of-type {
grid-column: 1 / 3;
2023-12-14 06:01:09 +01:00
width: 100%;
text-align: right;
padding-bottom: 2rem;
margin-top: 1rem;
@include fluo_button();
}
2023-12-14 06:01:09 +01:00
}
}
}
}