131 lines
2.6 KiB
SCSS
131 lines
2.6 KiB
SCSS
.ressources {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
> .main-title {
|
|
display: none;
|
|
}
|
|
> div {
|
|
padding: 0 $x_margin;
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 1fr;
|
|
grid-auto-rows: auto;
|
|
> div > div:first-of-type {
|
|
display: none;
|
|
}
|
|
> h2 {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
justify-self: start;
|
|
> a {
|
|
pointer-events: none;
|
|
> span {
|
|
//margin-top: -1rem !important;
|
|
display: block;
|
|
@include sous_titre_alt();
|
|
}
|
|
}
|
|
}
|
|
> div:first-of-type {
|
|
grid-column: 2;
|
|
grid-row: 3;
|
|
> div > span {
|
|
margin-top: -1rem;
|
|
@include fluo_button();
|
|
}
|
|
> div > span:last-of-type {
|
|
display: none;
|
|
}
|
|
}
|
|
> div:nth-of-type(2) {
|
|
grid-column: 1;
|
|
grid-row: 1/4;
|
|
padding: 2rem 0;
|
|
margin-right: 2rem;
|
|
img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
> div:nth-of-type(3) {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
margin-top: -1rem;
|
|
@include main_text_content();
|
|
}
|
|
}
|
|
}
|
|
|
|
.views-row:first-of-type {
|
|
> .ressources {
|
|
margin-top: 13vh !important;
|
|
> .main-title {
|
|
display: block;
|
|
padding-top: 5vh !important;
|
|
@include main_title();
|
|
}
|
|
}
|
|
}
|
|
|
|
.ressource {
|
|
.retour_ressources {
|
|
padding-top: 3vh;
|
|
padding-left: $x_margin;
|
|
@include main_text_content();
|
|
a {
|
|
font-size: $sm_font_size;
|
|
font-weight: 800;
|
|
color: $teal;
|
|
}
|
|
}
|
|
> div:not(.retour_ressources) {
|
|
margin: $x_margin;
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 1fr;
|
|
grid-auto-rows: auto;
|
|
> div > div:first-of-type {
|
|
display: none;
|
|
}
|
|
> h2 {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
justify-self: start;
|
|
> span {
|
|
//margin-top: -1rem !important;
|
|
display: block;
|
|
@include sous_titre_alt();
|
|
}
|
|
}
|
|
> div:not(.retour_ressources):first-of-type {
|
|
grid-column: 2;
|
|
grid-row: 3;
|
|
> div > span {
|
|
margin-top: -1rem;
|
|
@include fluo_button();
|
|
}
|
|
> div > span:last-of-type {
|
|
display: none;
|
|
}
|
|
}
|
|
> div:nth-of-type(2) {
|
|
grid-column: 1;
|
|
grid-row: 1/4;
|
|
padding: 2rem 0;
|
|
margin-right: 2rem;
|
|
img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
> div:nth-of-type(3) {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
margin-top: -1rem;
|
|
@include main_text_content();
|
|
}
|
|
}
|
|
}
|