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

ressources, corrections fonds, placement icones map projets fonctionnel en mobile

Browse Source
This commit is contained in:
Valentin
2024-11-07 23:49:56 +01:00
parent 6db99742c4
commit 217b84c755
29 changed files with 1131 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
web/themes/erabletheme/scss/_ressources.scss Normal file
View File

@@ -0,0 +1,117 @@
.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();
}
}
}