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;
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) {
.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;
}
}
.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 {
text-transform: uppercase;
+2 -2
View File
@@ -1,7 +1,7 @@
global-css:
css:
theme:
css-compiled/styles.css: {}
dist/assets/css/bundle.css: {}
# css-prefixed/styles.css: {}
# librairies/slick-1.8.1/slick/slick-theme.css: {}
# librairies/slick-1.8.1/slick/slick.css: {}
@@ -9,7 +9,7 @@ global-css:
global-js:
js:
scripts/main.js: {}
dist/assets/bundle.js: {}
# librairies/slick-1.8.1/slick/slick.js: {}
librairies/slick-1.8.1/slick/slick.min.js: {}
@@ -8,4 +8,5 @@ $grey-background: rgb(153,147,174);
$black: rgb(0,0,0);
$white: rgb(255,255,255);
$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);
@@ -171,7 +171,8 @@
flex-wrap: wrap;
.views-row{
width: 25%;
flex: 0 0 25%;
flex: 0 0 25%;
.node-type-ressource{
display: flex;
flex-direction: column;
@@ -179,13 +180,16 @@
margin-left: 1rem;
margin-bottom: 1rem ;
padding: 1rem;
&.type-de-ressource-Publication-issue-du-programme-EQLD{
background-color: $background-actus;
}
@media (max-width: 479px) {
margin-left: 0;
}
&:hover{
background-color: $background-actus;
background-color: $black15;
}
.field--name-field-type-de-ressource{
text-transform: uppercase;
line-height: 1.1rem;
+1 -1
View File
@@ -51,7 +51,7 @@
@import "pages/_projet";
@import "pages/_incubateur";
@import "pages/_lincubateur_newpage";
@import "pages/_ressources";
@import "pages/ressources";