118 lines
2.3 KiB
SCSS
118 lines
2.3 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 > 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 {
|
||
|
|
> div {
|
||
|
|
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: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();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|