Files
drupal-reha/web/themes/custom/reha/scss/pages/_node-actualite.scss
T
2025-10-03 14:23:02 +02:00

61 lines
1.8 KiB
SCSS

.node-type-actualite{
width: 100vw;
.entete_actu{
display: flex;
flex-direction: row;
width: 75%;
margin: auto;
align-items: center;
@media (max-width:891px) {
flex-direction: column;
width: 100%;
}
.image-actualite{
width: 50%;
height: 100%;
@media (max-width: 900px) {
width: 80%;
height: 100% !important;
}
img{
width: 100%;
height: auto;
object-fit: contain;
}
}
.infos-content{
// height: 350px;
width: 30%;
right: 5%;
@media (max-width: 900px) {
width: 50%;
height: fit-content;
h1{font-size: 1.2rem;}
.field--name-field-sous-titre{font-size: 1rem;}
.field--name-field-site .field__item{font-size: 0.7rem;}
.field--name-field-date{font-size: 0.6rem;}
}
}
}
.body-content {
.summary-content{
width: 60%;
margin: auto;
@media (max-width:891px) {
width: 80%;
}
}
.links-content{
width: 15%;
margin-left: calc(25%/2);
@media (max-width:891px) {
width: 80%;
.field--name-field-fichiers{width: fit-content;}
}
}
}
}