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

responsive home

Browse Source
This commit is contained in:
ouidade
2025-10-15 11:14:53 +02:00
parent 21b2429aff
commit 353cb076be
5 changed files with 133 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/home/_home-view-actualites.scss
+14
View File
@@ -1,6 +1,9 @@
.block-views-blockactus-block-1{
background-color: white;
padding-bottom: 3rem;
@media(max-width: 890px){
padding-bottom: 0rem;
}
h2{
width: 80%;
font-size: 2rem;
@@ -9,6 +12,11 @@
padding-top: 1rem;
text-align: center;
margin-bottom: 4rem;
@media(max-width: 890px){
padding-top: 2rem;
font-size: 1.5rem;
margin-bottom: 1rem;
}
}
.view-id-actus{
width: 100%;
@@ -19,6 +27,9 @@
// }
.slick-track{
padding-left: 7rem;
@media(max-width: 890px){
padding-left: 1rem !important;
}
}
.views-row{
// width: 30vw !important;
@@ -70,6 +81,9 @@
.infos-content{
height: fit-content;
width: 100%;
@media(max-width: 890px){
width: 90%;
}
h1{
display: none;
}
web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss
+18 -1
View File
@@ -1,6 +1,13 @@
.page--home{
.home-page-layout-content{
.block-region-content{
@media(max-width:890px){
padding-bottom: 2rem;
}
}
.block-views-blockhome-block-1{
.view-display-id-block_1{
@@ -13,7 +20,8 @@
font-size: 1.3rem;
@media(max-width: 891px){
width: 80%;
padding-top: 3rem;
padding-top: 1rem;
font-size: 1rem;
}
/* Masquer tous les paragraphes après le premier */
.field-content p:nth-of-type(n+2), h3, ul {
@@ -29,11 +37,20 @@
position: relative;
margin-top: 2rem;
margin-bottom: 4rem;
@media(max-width: 890px){
width: 80%;
margin: auto;
padding-top: 1rem;
}
.field--type-link{
padding-left: 0.5rem;
padding-right: 0.3rem;
padding-bottom: 0.3rem;
padding-top: 0.3rem;
@media(max-width: 891px){
width: 80%;
font-size: 0.8rem;
}
.field__item::after{
content: url('../dist/images/noun-arrow-1569918-black.svg');
}
web/themes/custom/reha/scss/pages/home/_home-view-sites.scss
+13 -7
View File
@@ -9,13 +9,10 @@
width: 16vw;
margin-left: 12%;
padding-top: 1rem;
padding-left: 2rem;
padding-bottom: 5rem;
@media(max-width: 891px){
// margin-bottom: 1rem;
// margin-top: 2rem;
width: 36%;
// margin: auto;
width: 60%;
margin-left: 3%;
padding-bottom: 4rem;
}
p{
@@ -120,7 +117,7 @@
bottom: 0px;
@media(max-width: 900px){
left: 0;
top: 0;
// top: 0;
width: 100%;
}
p{
@@ -128,7 +125,9 @@
padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 900px){
font-size: 0.8rem;
font-size: 0.7rem;
padding-bottom: 0.1rem;
padding-left: 0.2rem;
}
}
}
@@ -254,12 +253,19 @@
// top: -10px;
margin-top: 1rem;
margin-bottom: 4rem;
@media(max-width: 891px){
margin-top: 0;
margin-bottom: 2rem;
}
.field--type-link{
padding-left: 0.5rem;
padding-right: 0.3rem;
padding-bottom: 0.3rem;
padding-top: 0.3rem;
@media(max-width: 891px){
font-size: 0.8rem;
}
}
}