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/dist/css/bundle.css
Vendored
+73 -19
View File
@@ -2215,12 +2215,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 16vw; width: 16vw;
margin-left: 12%; margin-left: 12%;
padding-top: 1rem; padding-top: 1rem;
padding-left: 2rem;
padding-bottom: 5rem; padding-bottom: 5rem;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de { .home-page-layout-content .block-block-content3bb825b3-ab84-4861-a4f2-2a5e5eed74de {
width: 36%; width: 60%;
margin-left: 3%;
padding-bottom: 4rem; padding-bottom: 4rem;
} }
} }
@@ -2335,7 +2335,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 900px) { @media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item blockquote { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item blockquote {
left: 0; left: 0;
top: 0;
width: 100%; width: 100%;
} }
} }
@@ -2346,7 +2345,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
@media (max-width: 900px) { @media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item blockquote p { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field--type-image .field__items .field__item blockquote p {
font-size: 0.8rem; font-size: 0.7rem;
padding-bottom: 0.1rem;
padding-left: 0.2rem;
} }
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
@@ -2456,12 +2457,23 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
@media (max-width: 891px) {
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
margin-top: 0;
margin-bottom: 2rem;
}
}
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link { .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link {
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.3rem; padding-right: 0.3rem;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
padding-top: 0.3rem; padding-top: 0.3rem;
} }
@media (max-width: 891px) {
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link {
font-size: 0.8rem;
}
}
.page-sitespilotes h1 { .page-sitespilotes h1 {
width: 80%; width: 80%;
@@ -2777,6 +2789,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
background-color: white; background-color: white;
padding-bottom: 3rem; padding-bottom: 3rem;
} }
@media (max-width: 890px) {
.block-views-blockactus-block-1 {
padding-bottom: 0rem;
}
}
.block-views-blockactus-block-1 h2 { .block-views-blockactus-block-1 h2 {
width: 80%; width: 80%;
font-size: 2rem; font-size: 2rem;
@@ -2786,6 +2803,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
text-align: center; text-align: center;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
@media (max-width: 890px) {
.block-views-blockactus-block-1 h2 {
padding-top: 2rem;
font-size: 1.5rem;
margin-bottom: 1rem;
}
}
.block-views-blockactus-block-1 .view-id-actus { .block-views-blockactus-block-1 .view-id-actus {
width: 100%; width: 100%;
margin: auto; margin: auto;
@@ -2794,6 +2818,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.block-views-blockactus-block-1 .view-id-actus .slick-track { .block-views-blockactus-block-1 .view-id-actus .slick-track {
padding-left: 7rem; padding-left: 7rem;
} }
@media (max-width: 890px) {
.block-views-blockactus-block-1 .view-id-actus .slick-track {
padding-left: 1rem !important;
}
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
width: 90%; width: 90%;
height: 100%; height: 100%;
@@ -2837,6 +2866,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
height: fit-content; height: fit-content;
width: 100%; width: 100%;
} }
@media (max-width: 890px) {
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content {
width: 90%;
}
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h1 { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h1 {
display: none; display: none;
} }
@@ -2878,6 +2912,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
} }
@media (max-width: 890px) {
.page--home .home-page-layout-content .block-region-content {
padding-bottom: 2rem;
}
}
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 { .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 60%; width: 60%;
margin: auto; margin: auto;
@@ -2890,7 +2929,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 891px) { @media (max-width: 891px) {
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 { .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 80%; width: 80%;
padding-top: 3rem; padding-top: 1rem;
font-size: 1rem;
} }
} }
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 .field-content p:nth-of-type(n+2), .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 h3, .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 ul { .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 .field-content p:nth-of-type(n+2), .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 h3, .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 ul {
@@ -2904,12 +2944,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
@media (max-width: 890px) {
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 {
width: 80%;
margin: auto;
padding-top: 1rem;
}
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link { .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link {
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.3rem; padding-right: 0.3rem;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
padding-top: 0.3rem; padding-top: 0.3rem;
} }
@media (max-width: 891px) {
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link {
width: 80%;
font-size: 0.8rem;
}
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after { .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
content: url("../dist/images/noun-arrow-1569918-black.svg"); content: url("../dist/images/noun-arrow-1569918-black.svg");
} }
@@ -3028,7 +3081,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
grid-template-columns: repeat(8 1fr); grid-template-columns: repeat(8 1fr);
grid-template-rows: repeat(3 auto); grid-template-rows: repeat(3 auto);
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content { .page-node-site .region-content {
width: 100vw; width: 100vw;
display: flex; display: flex;
@@ -3046,12 +3099,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
justify-content: space-between; justify-content: space-between;
margin: auto; margin: auto;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-prevnextblock { .page-node-site .region-content #block-reha-prevnextblock {
width: 95%; width: 95%;
} }
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-prevnextblock span { .page-node-site .region-content #block-reha-prevnextblock span {
font-size: 0.6rem !important; font-size: 0.6rem !important;
} }
@@ -3061,7 +3114,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-left: auto; margin-left: auto;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-prevnextblock .next-site { .page-node-site .region-content #block-reha-prevnextblock .next-site {
padding-top: 0.1rem; padding-top: 0.1rem;
} }
@@ -3075,7 +3128,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
border: none; border: none;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-prevnextblock .prev-site { .page-node-site .region-content #block-reha-prevnextblock .prev-site {
padding-top: 0.1rem; padding-top: 0.1rem;
} }
@@ -3108,7 +3161,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site {
flex-direction: column; flex-direction: column;
height: auto; height: auto;
@@ -3119,7 +3172,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 771px; width: 771px;
order: 1; order: 1;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site {
height: auto; height: auto;
width: 100vw; width: 100vw;
@@ -3133,7 +3186,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
z-index: 999; z-index: 999;
bottom: -40px; bottom: -40px;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots {
width: 100vw; width: 100vw;
} }
@@ -3151,7 +3204,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: auto; width: auto;
object-fit: contain; object-fit: contain;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img {
height: auto; height: auto;
width: 100vw; width: 100vw;
@@ -3163,7 +3216,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote {
font-size: 0.6rem; font-size: 0.6rem;
padding-left: 0.5rem; padding-left: 0.5rem;
@@ -3291,7 +3344,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: space-between; justify-content: space-between;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -3303,20 +3356,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content {
width: 75%; width: 75%;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content {
width: 90%; width: 90%;
padding: 1rem; padding: 1rem;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content p { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .summary-content p {
margin: 0; margin: 0;
text-align: start !important;
} }
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content {
width: 15%; width: 15%;
margin-top: 1.5rem; margin-top: 1.5rem;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content {
width: 100%; width: 100%;
} }
@@ -3326,7 +3380,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: transparent; background-color: transparent;
} }
@media (max-width: 810px) { @media (max-width: 890px) {
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content .field--type-file { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site .links-content .field--type-file {
margin-bottom: 0; margin-bottom: 0;
} }
web/themes/custom/reha/scss/pages/_node-site.scss
+15 -14
View File
@@ -11,7 +11,7 @@
display: grid; display: grid;
grid-template-columns: repeat(8 1fr); grid-template-columns: repeat(8 1fr);
grid-template-rows: repeat(3 auto); grid-template-rows: repeat(3 auto);
@media(max-width:810px){ @media(max-width:890px){
width: 100vw; width: 100vw;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -27,11 +27,11 @@
height: fit-content; height: fit-content;
justify-content: space-between; justify-content: space-between;
margin: auto; margin: auto;
@media(max-width:810px){ @media(max-width:890px){
width: 95%; width: 95%;
} }
span{ span{
@media(max-width:810px){ @media(max-width:890px){
font-size: 0.6rem !important; font-size: 0.6rem !important;
} }
} }
@@ -40,7 +40,7 @@
border: none; border: none;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-left: auto; margin-left: auto;
@media(max-width:810px){ @media(max-width:890px){
padding-top: 0.1rem; padding-top: 0.1rem;
} }
::after{ ::after{
@@ -53,7 +53,7 @@
.prev-site{ .prev-site{
border: none; border: none;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@media(max-width:810px){ @media(max-width:890px){
padding-top: 0.1rem; padding-top: 0.1rem;
} }
::before{ ::before{
@@ -85,7 +85,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
@media (max-width:810px){ @media (max-width:890px){
flex-direction: column; flex-direction: column;
height: auto; height: auto;
// max-height: 300px; // max-height: 300px;
@@ -94,7 +94,7 @@
height: 520px; height: 520px;
width: 771px; width: 771px;
order: 1; order: 1;
@media (max-width:810px){ @media (max-width:890px){
height: auto; height: auto;
width: 100vw; width: 100vw;
} }
@@ -104,7 +104,7 @@
.slick-dots{ .slick-dots{
z-index: 999; z-index: 999;
bottom: -40px; bottom: -40px;
@media (max-width:810px){ @media (max-width:890px){
width: 100vw; width: 100vw;
} }
} }
@@ -118,7 +118,7 @@
height: 520px; height: 520px;
width: auto; width: auto;
object-fit: contain; object-fit: contain;
@media (max-width:810px){ @media (max-width:890px){
height: auto; height: auto;
width: 100vw; width: 100vw;
} }
@@ -128,7 +128,7 @@
margin: 0; margin: 0;
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
@media(max-width:810px){ @media(max-width:890px){
font-size: 0.6rem; font-size: 0.6rem;
padding-left: 0.5rem; padding-left: 0.5rem;
} }
@@ -268,7 +268,7 @@
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: space-between; justify-content: space-between;
@media(max-width:810px){ @media(max-width:890px){
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
@@ -277,25 +277,26 @@
} }
.summary-content{ .summary-content{
width: 75%; width: 75%;
@media(max-width:810px){ @media(max-width:890px){
width: 90%; width: 90%;
padding: 1rem; padding: 1rem;
p{ p{
margin: 0; margin: 0;
text-align: start !important;
} }
} }
} }
.links-content{ .links-content{
width: 15%; width: 15%;
margin-top: 1.5rem; margin-top: 1.5rem;
@media(max-width:810px){ @media(max-width:890px){
width: 100%; width: 100%;
} }
.field--type-file{ .field--type-file{
border: none; border: none;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: transparent; background-color: transparent;
@media(max-width:810px){ @media(max-width:890px){
margin-bottom: 0; margin-bottom: 0;
} }
web/themes/custom/reha/scss/pages/home/_home-view-actualites.scss
+14
View File
@@ -1,6 +1,9 @@
.block-views-blockactus-block-1{ .block-views-blockactus-block-1{
background-color: white; background-color: white;
padding-bottom: 3rem; padding-bottom: 3rem;
@media(max-width: 890px){
padding-bottom: 0rem;
}
h2{ h2{
width: 80%; width: 80%;
font-size: 2rem; font-size: 2rem;
@@ -9,6 +12,11 @@
padding-top: 1rem; padding-top: 1rem;
text-align: center; text-align: center;
margin-bottom: 4rem; margin-bottom: 4rem;
@media(max-width: 890px){
padding-top: 2rem;
font-size: 1.5rem;
margin-bottom: 1rem;
}
} }
.view-id-actus{ .view-id-actus{
width: 100%; width: 100%;
@@ -19,6 +27,9 @@
// } // }
.slick-track{ .slick-track{
padding-left: 7rem; padding-left: 7rem;
@media(max-width: 890px){
padding-left: 1rem !important;
}
} }
.views-row{ .views-row{
// width: 30vw !important; // width: 30vw !important;
@@ -70,6 +81,9 @@
.infos-content{ .infos-content{
height: fit-content; height: fit-content;
width: 100%; width: 100%;
@media(max-width: 890px){
width: 90%;
}
h1{ h1{
display: none; display: none;
} }
web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss
+18 -1
View File
@@ -1,6 +1,13 @@
.page--home{ .page--home{
.home-page-layout-content{ .home-page-layout-content{
.block-region-content{
@media(max-width:890px){
padding-bottom: 2rem;
}
}
.block-views-blockhome-block-1{ .block-views-blockhome-block-1{
.view-display-id-block_1{ .view-display-id-block_1{
@@ -13,7 +20,8 @@
font-size: 1.3rem; font-size: 1.3rem;
@media(max-width: 891px){ @media(max-width: 891px){
width: 80%; width: 80%;
padding-top: 3rem; padding-top: 1rem;
font-size: 1rem;
} }
/* Masquer tous les paragraphes après le premier */ /* Masquer tous les paragraphes après le premier */
.field-content p:nth-of-type(n+2), h3, ul { .field-content p:nth-of-type(n+2), h3, ul {
@@ -29,11 +37,20 @@
position: relative; position: relative;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
@media(max-width: 890px){
width: 80%;
margin: auto;
padding-top: 1rem;
}
.field--type-link{ .field--type-link{
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.3rem; padding-right: 0.3rem;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
padding-top: 0.3rem; padding-top: 0.3rem;
@media(max-width: 891px){
width: 80%;
font-size: 0.8rem;
}
.field__item::after{ .field__item::after{
content: url('../dist/images/noun-arrow-1569918-black.svg'); 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; width: 16vw;
margin-left: 12%; margin-left: 12%;
padding-top: 1rem; padding-top: 1rem;
padding-left: 2rem;
padding-bottom: 5rem; padding-bottom: 5rem;
@media(max-width: 891px){ @media(max-width: 891px){
// margin-bottom: 1rem; width: 60%;
// margin-top: 2rem; margin-left: 3%;
width: 36%;
// margin: auto;
padding-bottom: 4rem; padding-bottom: 4rem;
} }
p{ p{
@@ -120,7 +117,7 @@
bottom: 0px; bottom: 0px;
@media(max-width: 900px){ @media(max-width: 900px){
left: 0; left: 0;
top: 0; // top: 0;
width: 100%; width: 100%;
} }
p{ p{
@@ -128,7 +125,9 @@
padding-left: 1rem; padding-left: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
@media(max-width: 900px){ @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; // top: -10px;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 4rem; margin-bottom: 4rem;
@media(max-width: 891px){
margin-top: 0;
margin-bottom: 2rem;
}
.field--type-link{ .field--type-link{
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.3rem; padding-right: 0.3rem;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
padding-top: 0.3rem; padding-top: 0.3rem;
@media(max-width: 891px){
font-size: 0.8rem;
}
} }
} }