css ressource grille

This commit is contained in:
2024-05-28 14:11:16 +02:00
parent 4f949de086
commit 82b5aa7ab5
5 changed files with 16 additions and 8 deletions
+4 -1
View File
@@ -5347,13 +5347,16 @@ a {
margin-bottom: 1rem; margin-bottom: 1rem;
padding: 1rem; padding: 1rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
background-color: rgba(0, 158, 227, 0.2);
}
@media (max-width: 479px) { @media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
margin-left: 0; margin-left: 0;
} }
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource:hover { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource:hover {
background-color: rgba(0, 158, 227, 0.2); background-color: rgba(0, 0, 0, 0.15);
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
text-transform: uppercase; text-transform: uppercase;
+2 -2
View File
@@ -1,7 +1,7 @@
global-css: global-css:
css: css:
theme: theme:
css-compiled/styles.css: {} dist/assets/css/bundle.css: {}
# css-prefixed/styles.css: {} # css-prefixed/styles.css: {}
# librairies/slick-1.8.1/slick/slick-theme.css: {} # librairies/slick-1.8.1/slick/slick-theme.css: {}
# librairies/slick-1.8.1/slick/slick.css: {} # librairies/slick-1.8.1/slick/slick.css: {}
@@ -9,7 +9,7 @@ global-css:
global-js: global-js:
js: js:
scripts/main.js: {} dist/assets/bundle.js: {}
# librairies/slick-1.8.1/slick/slick.js: {} # librairies/slick-1.8.1/slick/slick.js: {}
librairies/slick-1.8.1/slick/slick.min.js: {} librairies/slick-1.8.1/slick/slick.min.js: {}
@@ -9,3 +9,4 @@ $black: rgb(0,0,0);
$white: rgb(255,255,255); $white: rgb(255,255,255);
$background-actus: rgba(0,158,227, 0.2); $background-actus: rgba(0,158,227, 0.2);
$red: rgb(225,0,15); $red: rgb(225,0,15);
$black15: rgba(0,0,0, 0.15);
@@ -172,6 +172,7 @@
.views-row{ .views-row{
width: 25%; width: 25%;
flex: 0 0 25%; flex: 0 0 25%;
.node-type-ressource{ .node-type-ressource{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -179,11 +180,14 @@
margin-left: 1rem; margin-left: 1rem;
margin-bottom: 1rem ; margin-bottom: 1rem ;
padding: 1rem; padding: 1rem;
&.type-de-ressource-Publication-issue-du-programme-EQLD{
background-color: $background-actus;
}
@media (max-width: 479px) { @media (max-width: 479px) {
margin-left: 0; margin-left: 0;
} }
&:hover{ &:hover{
background-color: $background-actus; background-color: $black15;
} }
.field--name-field-type-de-ressource{ .field--name-field-type-de-ressource{
+1 -1
View File
@@ -51,7 +51,7 @@
@import "pages/_projet"; @import "pages/_projet";
@import "pages/_incubateur"; @import "pages/_incubateur";
@import "pages/_lincubateur_newpage"; @import "pages/_lincubateur_newpage";
@import "pages/_ressources"; @import "pages/ressources";