bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive offres services

Browse Source
This commit is contained in:
ouidade
2022-03-10 13:26:40 +01:00
parent f70be96381
commit 9d9070d61f
2 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+7 -13
View File
@@ -1877,22 +1877,11 @@ a {
margin-top: 4rem; margin-top: 4rem;
background-color: #009ee3; background-color: #009ee3;
height: fit-content; height: fit-content;
width: 60%; min-height: fit-content;
width: 200px;
margin-left: 2rem; margin-left: 2rem;
aspect-ratio: 1/1; aspect-ratio: 1/1;
display: flex; } display: flex; }
@media (max-width: 1260px) {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
width: 70%; } }
@media (max-width: 1073px) {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
width: 80%; } }
@media (max-width: 935px) {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
width: 90%; } }
@media (max-width: 810px) {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc {
width: 100%; } }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -2016,6 +2005,11 @@ a {
flex-direction: column; } flex-direction: column; }
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
width: 100%; } } width: 100%; } }
@media (max-width: 810px) {
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
display: flex;
flex-direction: column;
padding: 2rem; } }
.page-node-type-offre-de-service { .page-node-type-offre-de-service {
background: url("../images/pictos/carre-contour-bleu-offre.svg"); background: url("../images/pictos/carre-contour-bleu-offre.svg");
web/themes/custom/eql/scss/pages/_offresdeservices.scss
+20 -13
View File
@@ -54,23 +54,24 @@
margin-top: 4rem; margin-top: 4rem;
background-color: $blue-light; background-color: $blue-light;
height: fit-content; height: fit-content;
width: 60%; min-height: fit-content;
width: 200px;
// width: 80%; // width: 80%;
margin-left: 2rem; margin-left: 2rem;
aspect-ratio: 1/1; aspect-ratio: 1/1;
display: flex; display: flex;
@media (max-width: 1260px) { // @media (max-width: 1260px) {
width: 70%; // width: 70%;
} // }
@media (max-width: 1073px) { // @media (max-width: 1073px) {
width: 80%; // width: 80%;
} // }
@media (max-width: 935px) { // @media (max-width: 935px) {
width: 90%; // width: 90%;
} // }
@media (max-width: 810px) { // @media (max-width: 810px) {
width: 100%; // width: 100%;
} // }
.field--name-field-lien{ .field--name-field-lien{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -283,6 +284,12 @@
} }
} }
} }
@media (max-width: 810px){
display: flex;
flex-direction: column;
padding: 2rem;
}
} }
} }
} }