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/_node-site.scss
+15 -14
View File
@@ -11,7 +11,7 @@
display: grid;
grid-template-columns: repeat(8 1fr);
grid-template-rows: repeat(3 auto);
@media(max-width:810px){
@media(max-width:890px){
width: 100vw;
display: flex;
flex-direction: column;
@@ -27,11 +27,11 @@
height: fit-content;
justify-content: space-between;
margin: auto;
@media(max-width:810px){
@media(max-width:890px){
width: 95%;
}
span{
@media(max-width:810px){
@media(max-width:890px){
font-size: 0.6rem !important;
}
}
@@ -40,7 +40,7 @@
border: none;
padding: 0.5rem 1rem;
margin-left: auto;
@media(max-width:810px){
@media(max-width:890px){
padding-top: 0.1rem;
}
::after{
@@ -53,7 +53,7 @@
.prev-site{
border: none;
padding: 0.5rem 1rem;
@media(max-width:810px){
@media(max-width:890px){
padding-top: 0.1rem;
}
::before{
@@ -85,7 +85,7 @@
display: flex;
flex-direction: row;
margin: auto;
@media (max-width:810px){
@media (max-width:890px){
flex-direction: column;
height: auto;
// max-height: 300px;
@@ -94,7 +94,7 @@
height: 520px;
width: 771px;
order: 1;
@media (max-width:810px){
@media (max-width:890px){
height: auto;
width: 100vw;
}
@@ -104,7 +104,7 @@
.slick-dots{
z-index: 999;
bottom: -40px;
@media (max-width:810px){
@media (max-width:890px){
width: 100vw;
}
}
@@ -118,7 +118,7 @@
height: 520px;
width: auto;
object-fit: contain;
@media (max-width:810px){
@media (max-width:890px){
height: auto;
width: 100vw;
}
@@ -128,7 +128,7 @@
margin: 0;
padding-top: 0.5rem;
font-size: 0.8rem;
@media(max-width:810px){
@media(max-width:890px){
font-size: 0.6rem;
padding-left: 0.5rem;
}
@@ -268,7 +268,7 @@
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
@media(max-width:810px){
@media(max-width:890px){
width: 100%;
display: flex;
flex-direction: column-reverse;
@@ -277,25 +277,26 @@
}
.summary-content{
width: 75%;
@media(max-width:810px){
@media(max-width:890px){
width: 90%;
padding: 1rem;
p{
margin: 0;
text-align: start !important;
}
}
}
.links-content{
width: 15%;
margin-top: 1.5rem;
@media(max-width:810px){
@media(max-width:890px){
width: 100%;
}
.field--type-file{
border: none;
margin-bottom: 1rem;
background-color: transparent;
@media(max-width:810px){
@media(max-width:890px){
margin-bottom: 0;
}