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

reglages taille img slickcarroussel & @media

Browse Source
This commit is contained in:
ouidade
2023-07-12 22:54:10 +02:00
parent 9539ff1f4d
commit 836b9e157c
2 changed files with 66 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+32 -2
View File
@@ -3091,11 +3091,14 @@ a {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 2rem; } margin-bottom: 2rem;
max-height: 600px; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo {
width: 60%; width: 60%;
padding-right: 2rem; } padding-right: 2rem; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .block-entity-fieldnodefield-photo img {
height: auto;
max-height: 600px;
object-fit: contain; object-fit: contain;
width: inherit; } width: inherit; }
@media (max-width: 810px) { @media (max-width: 810px) {
@@ -3112,11 +3115,28 @@ a {
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 800; font-weight: 800;
color: #009ee3; } color: #009ee3; }
@media (max-width: 1624px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
font-size: 2.3rem; } }
@media (max-width: 1384px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
font-size: 2rem; } }
@media (max-width: 1216px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
font-size: rem; } }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodetitle .field--name-title {
font-size: 1.7rem; } } font-size: 1.7rem; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe {
margin-top: 2rem; } margin-top: 2rem; }
@media (max-width: 1624px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe {
margin-top: 1rem;
padding-top: 0.5rem; } }
@media (max-width: 1384px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe {
margin-top: 0.8rem;
padding-top: 0.5rem; } }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe {
padding-top: 0.5rem; } } padding-top: 0.5rem; } }
@@ -3125,6 +3145,12 @@ a {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 900; font-weight: 900;
text-transform: uppercase; } text-transform: uppercase; }
@media (max-width: 1624px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe .field--name-field-equipe {
font-size: 1.3rem; } }
@media (max-width: 1216px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe .field--name-field-equipe {
font-size: 1.1rem; } }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe .field--name-field-equipe { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-equipe .field--name-field-equipe {
font-size: 1rem; } } font-size: 1rem; } }
@@ -3137,12 +3163,16 @@ a {
font-weight: 800; font-weight: 800;
padding-right: 0.3rem; padding-right: 0.3rem;
padding-left: 0.2rem; } padding-left: 0.2rem; }
@media (max-width: 1624px) {
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_top .top_right .block-entity-fieldnodefield-incube {
margin-top: 1rem; } }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border: 0.1rem solid; border: 0.1rem solid;
justify-content: space-evenly; justify-content: space-evenly;
width: 90%; } width: 90%;
margin-top: 3rem; }
.path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left { .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .top_bottom .top_bottom_left {
padding-right: 1rem; padding-right: 1rem;
order: 1; order: 1;
web/themes/custom/eql/scss/pages/_projet.scss
+34 -2
View File
@@ -15,6 +15,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 2rem; margin-bottom: 2rem;
max-height: 600px;
// width: 800px; // width: 800px;
.block-entity-fieldnodefield-photo{ .block-entity-fieldnodefield-photo{
width: 60%; width: 60%;
@@ -26,10 +27,11 @@
// padding-top: 2rem; // padding-top: 2rem;
// width: 600px; // width: 600px;
// width: 65%; // width: 65%;
// height: auto; height: auto;
// max-height: 360px; max-height: 600px;
object-fit: contain; object-fit: contain;
width: inherit; width: inherit;
@media (max-width: 810px) { @media (max-width: 810px) {
padding-top: 1rem; padding-top: 1rem;
object-fit: cover; object-fit: cover;
@@ -49,6 +51,15 @@
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 800; font-weight: 800;
color: $blue-light; color: $blue-light;
@media (max-width:1624px) {
font-size: 2.3rem;
}
@media (max-width:1384px) {
font-size: 2rem;
}
@media (max-width:1216px) {
font-size: rem;
}
@media (max-width: 810px){ @media (max-width: 810px){
font-size: 1.7rem; font-size: 1.7rem;
} }
@@ -57,6 +68,15 @@
.block-entity-fieldnodefield-equipe{ .block-entity-fieldnodefield-equipe{
margin-top: 2rem; margin-top: 2rem;
// grid-column: 8 / span 8; // grid-column: 8 / span 8;
@media (max-width:1624px) {
margin-top: 1rem;
padding-top: 0.5rem;
}
@media (max-width:1384px) {
margin-top: 0.8rem;
padding-top: 0.5rem;
}
@media (max-width: 810px){ @media (max-width: 810px){
padding-top: 0.5rem; padding-top: 0.5rem;
} }
@@ -65,6 +85,12 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 900; font-weight: 900;
text-transform: uppercase ; text-transform: uppercase ;
@media (max-width:1624px) {
font-size: 1.3rem;
}
@media (max-width:1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px){ @media (max-width: 810px){
font-size: 1rem; font-size: 1rem;
} }
@@ -82,6 +108,11 @@
padding-right: 0.3rem; padding-right: 0.3rem;
padding-left: 0.2rem; padding-left: 0.2rem;
} }
@media (max-width:1624px) {
margin-top: 1rem;
// padding-top: 0.5rem;
}
@media (max-width: 810px) { @media (max-width: 810px) {
// grid-column: 2 / span 4; // grid-column: 2 / span 4;
} }
@@ -97,6 +128,7 @@
border: 0.1rem solid; border: 0.1rem solid;
justify-content: space-evenly; justify-content: space-evenly;
width: 90%; width: 90%;
margin-top: 3rem;
.top_bottom_left{ .top_bottom_left{
padding-right: 1rem; padding-right: 1rem;
order: 1; order: 1;