css grille ressources

This commit is contained in:
2023-06-26 15:36:14 +02:00
parent 1af794dbb4
commit 6649a01ffd
13 changed files with 756 additions and 319 deletions
+7 -3
View File
@@ -1,4 +1,5 @@
// home juin 2023
@import "../partials/_slick-slider.scss";
.path-frontpage{
// bandeau actus
@@ -9,6 +10,7 @@
// border-top: 5px solid $blue-light;
background: $background-actus;
.view-actus-blocks-pages{
padding-top: 5rem;
.view-content{
display: flex;
flex-basis: auto;
@@ -27,10 +29,12 @@
flex-basis: auto;
}
.w3-button{
// .w3-button{
}
.views-row:nth-of-type(1) { grid-column: 2; }
// }
// .views-row:nth-of-type(1) { grid-column: 2; }
.node-type-actualite{
color: $black;
line-height: 1.5rem;
@@ -11,16 +11,16 @@
.layout__region--content{
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
grid-template-columns: 1fr repeat(4, 1fr) 1fr;
// texte présentation
.block-config-pages-block{
grid-column: 3 / span 5;
grid-column: 1 / span 6;
.config_pages--base-de-donnees--full{
// .field--name-field-introduction{
grid-column: 3 / span 5;
margin: 2rem;
grid-column: 1 / span 5;
// margin: 2rem;
.field--name-field-introduction{
// width: 65%;
margin: auto;
@@ -52,13 +52,13 @@
//button proposer une ressource
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
// visibility: hidden;
grid-column: 8 / span 9;
grid-column: 6 / span 6;
grid-row: 1;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
margin-left: 2rem;
width: 100%;
// margin-left: 2rem;
grid-row: 2;
.display{
display: block;
@@ -96,7 +96,7 @@
// grille des ressources
.block-views-blockbase-de-donnees-block-1{
width: 100%;
grid-column: 3 / span 8;
grid-column: 1 / span 6;
.view-filters{
background-color: $white;
margin-top: 2rem;
@@ -118,13 +118,15 @@
}
}
.view-content{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
// justify-content: space-between;
.views-row{
width: 25%;
flex: 0 0 25%;
border: 2px solid $blue-light;
flex: 0 0 22%;
padding: 0.5rem;
// background-color: $white;
// margin-bottom: 1rem;
// &:hover{
@@ -134,8 +136,9 @@
display: flex;
flex-direction: column;
// border: 2px solid $blue-light;
padding: 1rem;
padding: 1rem;
border: 2px solid $blue-light;
// &:hover{
// background-color: $blue-light;
// .field--name-field-mots-clefs{
@@ -165,9 +168,10 @@
margin: 0;
a{
color: $black;
font-size: 1.4rem;
font-weight: 600;
font-size: 1rem;
// font-weight: 600;
font-weight: 900;
font-style: italic;
}
}