diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 61b4d2a..8669d56 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -908,25 +908,12 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 { - grid-column: 1 / span 10; - width: 100%; - font-family: 'Source Code Pro'; - font-size: 1.5rem; - font-weight: 800; - color: white; - background-color: #009ee3; - text-transform: uppercase; - padding-left: 13%; - padding-top: 1rem; - padding-bottom: 0.5rem; - vertical-align: middle; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931 a { - color: white; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type { - padding-top: 2rem; - grid-column: 2; } + order: 5; + grid-column: 2; + margin-top: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { + order: 3; grid-column: 2 /span 7; margin: 0; } @media (max-width: 568px) { @@ -936,18 +923,23 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle { grid-column: 2 /span 9; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { - font-family: "Source Code Pro"; + font-family: "Marianne"; font-size: 2.5rem; - font-weight: 500; } + font-weight: 800; + line-height: 3rem; } @media (max-width: 810px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title { - font-size: 1.9em; } } + font-size: 1.9em; + line-height: 2.3rem; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { + order: 1; + padding-top: 2rem; grid-column: 2 / span 3; text-transform: uppercase; color: #09398b; font-size: 1.2rem; - font-weight: 800; } + font-weight: 800; + margin-top: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date { display: flex; flex-direction: row; @@ -955,16 +947,19 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item { padding-right: 2 rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu { + order: 2; grid-column: 2 / span 4; text-transform: uppercase; color: #09398b; font-size: 1.2rem; - font-weight: 800; } + font-weight: 800; + margin-top: 1rem; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-lieu .field--name-field-lieu { display: flex; flex-direction: row; justify-content: flex-start; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre { + order: 4; grid-column: 2 /span 7; margin-top: 1rem; font-weight: 800; } @@ -975,19 +970,14 @@ a { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre { grid-column: 2 /span 9; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { - grid-column: 5 / span 3; } + order: 6; + grid-column: 5 / span 3; + width: 600px; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { padding-top: 2rem; width: 100%; - max-height: 360px; + max-height: 400px; object-fit: contain; } - @media (max-width: 1008px) { - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { - width: 100%; } - .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img { - padding-top: 2rem; - width: 100%; - object-fit: contain; } } @media (max-width: 568px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { grid-column: 3 /span 8; } } @@ -1006,6 +996,8 @@ a { display: inline-block; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dots > li:only-child { display: none; } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images .slick-dotted.slick-slider { + margin-bottom: 0 !important; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first { display: flex; @@ -1098,6 +1090,10 @@ a { flex: 0 1 80%; margin: auto; } } +@media (max-width: 1005px) { + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { + flex: 0 1 100%; } } + .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third { display: flex; flex-direction: column; @@ -1107,13 +1103,13 @@ a { margin: auto; } } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { height: fit-content; + width: fit-content; border: 2px solid #009ee3; background-color: white; margin-bottom: 1rem; min-height: 4rem; color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; } + padding: 1rem; } @media (max-width: 810px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item { width: max-content; @@ -1136,13 +1132,13 @@ a { font-weight: 800; } .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { margin: auto; + width: fit-content; height: fit-content; border: 2px solid #009ee3; min-height: 4rem; background: white; color: #009ee3; - padding-left: 1rem; - padding-top: 1rem; + padding: 1rem; margin-bottom: 1rem; } @media (max-width: 810px) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item { @@ -4519,7 +4515,7 @@ a { color: #009ee3; left: 25px; } -.slick-dots { +.path-frontpage .slick-dots { bottom: -40px !important; } /* Slider */ diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss index 1708ea8..ad1e2db 100644 --- a/web/themes/custom/eql/scss/pages/_actualite.scss +++ b/web/themes/custom/eql/scss/pages/_actualite.scss @@ -1,3 +1,5 @@ + + .path-node.page-node-type-actualite{ .layout-container{ overflow: unset; @@ -7,53 +9,39 @@ } .layout--threecol-25-50-25{ - // display: grid; - // grid-template-rows: repeat(6, auto); - .layout__region--top{ - // grid-row: 1 / span 2; - - // background-color: $background-actus; - // height: 40vh; background: linear-gradient(to bottom, $background-actus 60%, white 40%); - // padding-right: 1rem; padding-bottom: 4rem; .block-region-top{ - // position: relative; display: grid; grid-template-columns: 1fr repeat(8, 1fr) 1fr; - // @media (max-width: 810px){ - // display: flex; - // flex-direction: column; - // } - .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{ - grid-column: 1 / span 10; - width: 100%; - font-family: 'Source Code Pro'; - font-size: 1.5rem; - font-weight: 800; - color: $white; - background-color: $blue-light; - text-transform: uppercase; - padding-left: 13%; - padding-top: 1rem; - padding-bottom: 0.5rem; - vertical-align: middle; - a{ - color:white; - } - } + // .block-block-contente6f826c7-4a3e-479b-8e83-2245dee7f931{ + // grid-column: 1 / span 10; + // width: 100%; + // font-family: 'Marianne'; + // font-size: 1.5rem; + // font-weight: 800; + // color: $white; + // background-color: $blue-light; + // text-transform: uppercase; + // padding-left: 13%; + // padding-top: 1rem; + // padding-bottom: 0.5rem; + // vertical-align: middle; + // a{ + // color:white; + // } + // } .block-entity-fieldnodefield-actu-type{ - padding-top: 2rem; + order: 5; grid-column: 2; - // @media (max-width: 810px){ - // margin-left: 10%; - // } + margin-top: 1rem; } .block-entity-fieldnodetitle{ + order: 3; grid-column: 2 /span 7; margin: 0; @media (max-width: 568px){ @@ -63,55 +51,45 @@ grid-column: 2 /span 9; } .field--name-title{ - font-family: "Source Code Pro"; + font-family: "Marianne"; font-size: 2.5rem; - font-weight: 500; + font-weight: 800; + line-height: 3rem; @media (max-width: 810px){ - // width: 70%; - // margin-left: 10%; - // margin-right: 10%; font-size: 1.9em; - } - + line-height: 2.3rem; + } } - - } + .block-entity-fieldnodefield-date{ - // grid-row: 4 ; + order: 1; + padding-top: 2rem; grid-column: 2 / span 3; text-transform: uppercase; color: $blue-dark; font-size: 1.2rem; font-weight: 800; + margin-top: 1rem; .field--name-field-date{ display: flex; flex-direction: row; justify-content: flex-start; - - // .field__item:not(:last-child):after{ - // padding-right: 1rem; - // padding-left: 1rem; - // content: "|"; - // } .field__item{ padding-right: 2 rem; } - // @media (max-width: 810px){ - // margin-left: 10%; - // font-size: 1rem; - // } } } .block-entity-fieldnodefield-lieu{ - // grid-row: 4 ; + order: 2; grid-column: 2 / span 4; text-transform: uppercase; color: $blue-dark; font-size: 1.2rem; font-weight: 800; + margin-top: 1rem; .field--name-field-lieu{ display: flex; flex-direction: row; @@ -129,6 +107,7 @@ } .block-entity-fieldnodefield-sous-titre{ + order: 4; grid-column: 2 /span 7; margin-top: 1rem; font-weight: 800; @@ -141,23 +120,27 @@ } .block-entity-fieldnodefield-images{ - grid-column: 5 / span 3; + order: 6; + grid-column: 5 / span 3; + width: 600px; + // background: red; img{ padding-top: 2rem; width: 100%; - max-height: 360px; + max-height: 400px; object-fit: contain; } - @media (max-width: 1008px){ - width: 100%; - img{ - padding-top: 2rem; - width: 100%; - object-fit: contain; - } - } + // @media (max-width: 1008px){ + // // width: 100%; + // img{ + // padding-top: 2rem; + // width: 100%; + // // max-height: 400px; + // object-fit: contain; + // } + // } @media (max-width: 568px){ grid-column: 3 /span 8; } @@ -182,6 +165,10 @@ display: none; } } + .slick-dotted.slick-slider { + margin-bottom: 0 !important; + + } } } } @@ -330,6 +317,9 @@ .layout__region--third{ // grid-row: 4; // margin-top: 18rem; + @media (max-width: 1005px){ + flex: 0 1 100%; + } .block-region-third{ display: flex; flex-direction: column; @@ -340,14 +330,15 @@ .field--name-field-fichiers{ .field__item{ height: fit-content; + width: fit-content; border: 2px solid $blue-light; background-color: $white; margin-bottom: 1rem; min-height: 4rem; // background: $white; color: $blue-light; - padding-left: 1rem; - padding-top: 1rem; + padding: 1rem; + @media(max-width:810px){ width: max-content; padding-right: 1rem; @@ -381,13 +372,13 @@ .field--name-field-liens{ .field__item{ margin: auto; + width: fit-content; height: fit-content; border: 2px solid $blue-light; min-height: 4rem; background: $white; color: $blue-light; - padding-left: 1rem; - padding-top: 1rem; + padding: 1rem; margin-bottom: 1rem; @media(max-width:810px){ width: max-content; diff --git a/web/themes/custom/eql/scss/partials/_slick_custom.scss b/web/themes/custom/eql/scss/partials/_slick_custom.scss index a0d9acb..fec0c14 100644 --- a/web/themes/custom/eql/scss/partials/_slick_custom.scss +++ b/web/themes/custom/eql/scss/partials/_slick_custom.scss @@ -3,6 +3,8 @@ left: 25px; } -.slick-dots { - bottom: -40px !important; -} \ No newline at end of file +.path-frontpage{ + .slick-dots { + bottom: -40px !important; + } +}