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

responsive page programme

Browse Source
This commit is contained in:
ouidade
2025-10-07 12:15:28 +02:00
parent 43236af036
commit 8599dc1377
4 changed files with 92 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/global/_layout.scss
+5 -1
View File
@@ -43,13 +43,17 @@ $width-menu-slidedown : 550px;
width: 90%;
}
@media (max-width:500px) {
padding-top: 0;
padding-top: 2rem;
}
.layout__region--first{
flex: 0 1 25%;
}
.layout__region--second{
flex: 0 1 75%;
@media (max-width:810px){
flex: 0 1 90%;
margin: auto;
}
&.view-id-home{
margin: 0;
}
web/themes/custom/reha/scss/pages/_le-programme.scss
+49 -39
View File
@@ -46,6 +46,9 @@
}
}
}
@media (max-width:810px){
display: none;
}
}
}
.block-region-second{
@@ -56,59 +59,66 @@
.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;
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
@media (max-width:810px){
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){
}
}
.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;
}
.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;
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;
}
}
.field--name-field-lien{
background-color: none;
}
}
}
}
}
}
web/themes/custom/reha/scss/pages/_les-sites-pilotes.scss
+6
View File
@@ -29,6 +29,9 @@
@media (max-width:1200px){
width: 40%;
}
@media (max-width:810px){
width: 100%;
}
&:hover{
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
@@ -170,6 +173,9 @@
&:hover{
transform: none;
}
@media (max-width:810px){
width: 100%;
}
.node-type-site{
margin: auto;
display: flex;