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;
background-color: #009ee3;
height: fit-content;
width: 60%;
min-height: fit-content;
width: 200px;
margin-left: 2rem;
aspect-ratio: 1/1;
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 {
display: flex;
flex-direction: column;
@@ -2016,6 +2005,11 @@ a {
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 {
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 {
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;
background-color: $blue-light;
height: fit-content;
width: 60%;
min-height: fit-content;
width: 200px;
// width: 80%;
margin-left: 2rem;
aspect-ratio: 1/1;
display: flex;
@media (max-width: 1260px) {
width: 70%;
}
@media (max-width: 1073px) {
width: 80%;
}
@media (max-width: 935px) {
width: 90%;
}
@media (max-width: 810px) {
width: 100%;
}
// @media (max-width: 1260px) {
// width: 70%;
// }
// @media (max-width: 1073px) {
// width: 80%;
// }
// @media (max-width: 935px) {
// width: 90%;
// }
// @media (max-width: 810px) {
// width: 100%;
// }
.field--name-field-lien{
display: flex;
flex-direction: column;
@@ -283,6 +284,12 @@
}
}
}
@media (max-width: 810px){
display: flex;
flex-direction: column;
padding: 2rem;
}
}
}
}