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 {
display: flex;
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 {
width: 60%;
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 {
height: auto;
max-height: 600px;
object-fit: contain;
width: inherit; }
@media (max-width: 810px) {
@@ -3112,11 +3115,28 @@ a {
font-size: 2.5rem;
font-weight: 800;
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) {
.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; } }
.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; }
@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) {
.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; } }
@@ -3125,6 +3145,12 @@ a {
font-size: 1.5rem;
font-weight: 900;
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) {
.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; } }
@@ -3137,12 +3163,16 @@ a {
font-weight: 800;
padding-right: 0.3rem;
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 {
display: flex;
flex-direction: row;
border: 0.1rem solid;
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 {
padding-right: 1rem;
order: 1;
web/themes/custom/eql/scss/pages/_projet.scss
+34 -2
View File
@@ -15,6 +15,7 @@
display: flex;
flex-direction: row;
margin-bottom: 2rem;
max-height: 600px;
// width: 800px;
.block-entity-fieldnodefield-photo{
width: 60%;
@@ -26,10 +27,11 @@
// padding-top: 2rem;
// width: 600px;
// width: 65%;
// height: auto;
// max-height: 360px;
height: auto;
max-height: 600px;
object-fit: contain;
width: inherit;
@media (max-width: 810px) {
padding-top: 1rem;
object-fit: cover;
@@ -49,6 +51,15 @@
font-size: 2.5rem;
font-weight: 800;
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){
font-size: 1.7rem;
}
@@ -57,6 +68,15 @@
.block-entity-fieldnodefield-equipe{
margin-top: 2rem;
// 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){
padding-top: 0.5rem;
}
@@ -65,6 +85,12 @@
font-size: 1.5rem;
font-weight: 900;
text-transform: uppercase ;
@media (max-width:1624px) {
font-size: 1.3rem;
}
@media (max-width:1216px) {
font-size: 1.1rem;
}
@media (max-width: 810px){
font-size: 1rem;
}
@@ -82,6 +108,11 @@
padding-right: 0.3rem;
padding-left: 0.2rem;
}
@media (max-width:1624px) {
margin-top: 1rem;
// padding-top: 0.5rem;
}
@media (max-width: 810px) {
// grid-column: 2 / span 4;
}
@@ -97,6 +128,7 @@
border: 0.1rem solid;
justify-content: space-evenly;
width: 90%;
margin-top: 3rem;
.top_bottom_left{
padding-right: 1rem;
order: 1;