Files
drupal-reha/web/themes/custom/reha/scss/pages/node-actualite.scss
T
2024-07-03 15:53:06 +02:00

85 lines
2.5 KiB
SCSS

.node-type-actualite{
width: 100vw;
.entete_actu{
display: flex;
flex-direction: row;
width: 75%;
margin: auto;
align-items: center;
.image-actualite{
width: 60%;
height: 100%;
img{
width: 100%;
height: auto;
object-fit: contain;
}
}
.infos-content{
position: relative;
display: flex;
flex-direction: column;
border: solid $yellow-puca 1px;
background-color: $white-button;
padding: 1rem;
height: 350px;
width: 30%;
position: relative;
right: 5%;
margin-bottom: 30px;
h2{
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0;;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.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;
color: white;
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
.field__item{
display: inline;
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
}
ul.links{
order: 6;
display: none;
}
}
}
.body-content {
.summary-content{
width: 60%;
margin: auto;
}
.links-content{
width: 15%;
margin-left: 15%;
}
}
}