Files
drupal-reha/web/themes/custom/reha/scss/pages/_le-programme.scss
T
2025-10-07 12:15:28 +02:00

125 lines
3.8 KiB
SCSS

.page-programme{
.layout__region--first{
position: relative;
.block-region-first{
// position: relative;
padding-left:3rem;
display: flex;
justify-content: flex-end;
position: fixed;
top: 10rem;
> .block-block-content{
// position: -webkit-sticky;
// position: sticky;
// top: 10rem;
width: 100%;
ul{
padding-left: 0;
padding-right: 30%;
li{
a{
display: flex;
flex-direction: column;
padding-bottom: 0.6rem;
padding-top: 0.6rem;
&::after{
content:'';
width: 25%;
margin-top: 0.6rem;
border-bottom: $yellow-puca solid 1px;
}
&:hover,
&.active{
font-weight: 800;
&::after{
content:'';
width: 25%;
margin-top: 0.6rem;
border-bottom: $yellow-puca solid 2px;
}
}
}
}
}
}
@media (max-width:810px){
display: none;
}
}
}
.block-region-second{
h2{
font-weight: 1000;
font-size: 1.8rem;
}
.block-views-blockhome-block-1{
width: 80%;
font-size: 1.2rem;
@media (max-width:810px){
width: 100%;
}
}
.view-display-id-block_1{
margin: 0;
width: 80%;
padding-top: 1rem;
@media (max-width:810px){
width: 100%;
}
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
width: 100%;
padding-bottom: 3rem;
height: 205px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: baseline;
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.paragraph--type--partenaire>* {
flex: 1 1 80px;
}
.field--name-field-logo{
width: fit-content;
padding-right: 1rem;
}
.field--name-field-nom{
font-weight: 900;
font-size: 1.2rem
}
.field--name-field-texte{
.field__item{
p{
strong{
background-color: none;
}
}
}
}
.field--name-field-lien{
background-color: none;
}
}
}
}
}
}