css grille ressources

This commit is contained in:
2023-10-26 19:09:52 +02:00
parent 2d34e325ee
commit 72b05f122f
3 changed files with 82 additions and 29 deletions
+22 -3
View File
@@ -43,6 +43,15 @@
}
// // position: relative;
// // bottom: -50%;
.slick-dots {
> li {
display: inline-block;
}
> li:only-child {
display: none;
}
}
}
.top_right{
@@ -54,7 +63,7 @@
margin: 0;
.field--name-title{
font-family: "Marianne";
font-size: 2.5rem;
font-size: 2.3rem;
font-weight: 800;
color: $blue-light;
@media (max-width:1624px) {
@@ -134,22 +143,28 @@
justify-content: space-evenly;
width: 90%;
margin-top: 3rem;
font-weight: 600;
@media(max-width:479px){
flex-direction: column;
width: 100%;
}
.top_bottom_left{
// display: flex;
// flex-direction: row;
padding-right: 1rem;
order: 1;
width: 30%;
position: relative;
height: 80px;
text-align: center;
@media(max-width:479px){
width: 100%;
}
&::before{
content: url("../images/pictos/picto_lieu.svg");
display: inline-block;
width: 50px;
// display: inline-flex;
min-width:30px;
height: auto;
padding-right: 1rem;
position: absolute;
left: 0;
@@ -157,13 +172,17 @@
margin-left: 1rem;
}
.block-entity-fieldnodefield-region{
// display: inline-flex;
order: 1;
margin-left: 70px;
margin-bottom: 1rem;
height: fit-content;
}
.block-entity-fieldnodefield-adresse{
display: inline-flex;
order: 2;
margin-left: 70px;
height: fit-content;
.field--name-field-adresse{
display: flex;
flex-direction: row;
@@ -188,7 +188,8 @@
.field--name-field-type-de-ressource{
text-transform: uppercase;
line-height: 1.1rem;
margin-top: 0.5rem;
a{
color: $blue-light;
font-weight: 900;
@@ -198,8 +199,11 @@
}
}
.field--name-title{
margin-top: 0.5rem;
h2{
margin: 0;
line-height: 1rem;
a{
color: $black;
font-size: 1rem;
@@ -210,7 +214,9 @@
}
}
.field--name-field-auteur-s-{
margin-top: 0.5rem;
font-weight: 800;
line-height: 1.1rem;
p{
margin: 0;
}
@@ -219,6 +225,7 @@
}
}
.field--name-field-edition{
margin-top: 0.5rem;
p{
margin: 0;
}
@@ -229,6 +236,8 @@
.field--name-field-images{
// display: none;
// width: 30%;
width: fit-content;
border: 1px solid #a3a3a3;
height: 100px;
.field__item{
height: 100px;
@@ -240,18 +249,20 @@
// height: auto;
}
}
.field--name-field-date-de-parution{
margin-top: 0.3rem;
}
.field--name-field-mots-clefs{
display: flex;
margin-top: 2rem;
margin-top: 1rem;
flex-direction: row;
flex-wrap: wrap;
.field__item{
margin-right: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 0.8rem;
font-size: 0.7rem;
a{
background: $blue-dark;