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

smartphone offres de services

Browse Source
This commit is contained in:
ouidade
2022-01-06 22:03:50 +01:00
parent c12e08cc12
commit dfeab0a8c1
2 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+13
View File
@@ -1877,6 +1877,9 @@ a {
display: grid; display: grid;
grid-template-columns: auto auto 1fr; grid-template-columns: auto auto 1fr;
grid-template-rows: repeat(6 auto); } grid-template-rows: repeat(6 auto); }
@media (max-width: 810px) {
.page-node-type-offre-de-service .layout__region--top .block-region-top {
margin-left: 8%; } }
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo {
width: fit-content; width: fit-content;
grid-column: 1; grid-column: 1;
@@ -1887,6 +1890,10 @@ a {
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img {
width: 100%; width: 100%;
height: auto; } height: auto; }
@media (max-width: 810px) {
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo {
width: 90px;
height: 90px; } }
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-protagoniste { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-protagoniste {
background: white; background: white;
width: fit-content; width: fit-content;
@@ -1931,6 +1938,9 @@ a {
grid-row: 4; grid-row: 4;
font-size: 2.5rem; font-size: 2.5rem;
font-family: "Source Code Pro"; } font-family: "Source Code Pro"; }
@media (max-width: 810px) {
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle {
font-size: 1.2rem; } }
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle a { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle a {
color: black; } color: black; }
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-localisation { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-localisation {
@@ -1962,6 +1972,9 @@ a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 70%; } width: 70%; }
@media (max-width: 810px) {
.page-node-type-offre-de-service .layout__region--third .block-region-third {
margin: auto; } }
.page-node-type-offre-de-service .layout__region--third .block-region-third .title-contact { .page-node-type-offre-de-service .layout__region--third .block-region-third .title-contact {
background: #009ee3; background: #009ee3;
color: white; color: white;
web/themes/custom/eql/scss/pages/_offre.scss
+13 -2
View File
@@ -15,6 +15,9 @@
display: grid; display: grid;
grid-template-columns: auto auto 1fr; grid-template-columns: auto auto 1fr;
grid-template-rows: repeat(6 auto); grid-template-rows: repeat(6 auto);
@media (max-width: 810px){
margin-left: 8%;
}
.block-entity-fieldnodefield-photo{ .block-entity-fieldnodefield-photo{
width: fit-content; width: fit-content;
@@ -27,6 +30,10 @@
width: 100%; width: 100%;
height: auto; height: auto;
} }
@media (max-width: 810px){
width: 90px;
height: 90px;
}
} }
.block-entity-fieldnodefield-type-de-protagoniste{ .block-entity-fieldnodefield-type-de-protagoniste{
background: $white; background: $white;
@@ -78,7 +85,9 @@
grid-row: 4; grid-row: 4;
font-size: 2.5rem; font-size: 2.5rem;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
@media (max-width: 810px){
font-size: 1.2rem;
}
a{ a{
color: $black; color: $black;
} }
@@ -124,7 +133,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 70%; width: 70%;
@media (max-width: 810px){
margin: auto;
}
.title-contact{ .title-contact{
background: $blue-light; background: $blue-light;
color: $white; color: $white;