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

css ressources-actu

Browse Source
This commit is contained in:
ouidade
2024-11-22 14:42:38 +01:00
parent 52332fa126
commit e26a08fa6a
18 changed files with 558 additions and 909 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/actualites.scss
+31 -64
View File
@@ -1,82 +1,49 @@
.page-actualites{
.block-page-title-block{
width: 75%;
margin: auto;
}
.view-actus{
padding-top: 3rem;
padding-bottom: 6rem;
width: 80%;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
.views-row{
width: 28%;
padding: 1rem;
&:hover{
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
.node-type-actualite{
.image-actualite{
width: 90%;
margin: auto;
img{
width: 100%;
height: auto;
}
}
.infos-content{
position: relative;
top: -10px;
display: flex;
width: 30vw !important;
.entete_actu{
flex-direction: column;
border: solid $yellow-puca 1px;
background-color: $white-button;
padding: 1rem;
h2{
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
// line-height: 0.3rem;
}
.field--name-field-date{
order: 4;
font-weight: 900;
padding-bottom: 1rem;
}
.field--name-field-type-d-actualite{
order: 1;
text-transform: uppercase;
font-size: 1.2rem;
}
.field--name-field-site{
order: 5;
background-color: $gris-violet;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
margin-top: 1rem;
.field__item{
display: inline;
}
a{
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
.image-actualite{
width: 90%;
margin: auto;
img{
width: 100%;
height: auto;
}
}
ul.links{
order: 6;
display: none;
.infos-content{
height: fit-content;
width: 100%;
margin: auto;
h1{
display: none;
}
}
}
}
}
}
}