diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index e45e702..9048d3a 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -626,9 +626,9 @@ a { background-color: white; font-size: 1.5rem; width: 110%; - margin-bottom: 2rem; padding-bottom: 2rem; - margin-block-start: 0; } + margin-block-start: 0; + text-align: start !important; } .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos { flex: 0 0 80%; padding-top: 4rem; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index b696213..50703e3 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -339,83 +339,83 @@ .block-views-blockhome-nodes-block-2{ grid-area: programme; -.view-display-id-block_2:is(.view-id-home_nodes){ - padding-top: 2rem; - // background: url('data:image/svg+xml,'); - background: url('../images/pictos/carre-contour-bleu.svg'); - // background-position-y: 50%; - background-repeat: no-repeat; - max-width: 100vw; - background-size: cover; + .view-display-id-block_2:is(.view-id-home_nodes){ + padding-top: 2rem; + // background: url('data:image/svg+xml,'); + background: url('../images/pictos/carre-contour-bleu.svg'); + // background-position-y: 50%; + background-repeat: no-repeat; + max-width: 100vw; + background-size: cover; - - .node-type-static{ - width: 70%; - margin: auto; - div:first-child:not(.field__item):not(.field){ - display: flex; - flex-direction: row; - flex-wrap: wrap; - :nth-child(4) { order: 3; } - } - - .inline.links{ - z-index: 95; - align-self: flex-end; - width: fit-content; - height: fit-content; - padding: 0.4rem 1rem; - font-size: 0.8rem; - margin: 0; - background-color: $white; - border: 2px solid $blue-light; - list-style: none; - - - a{ - text-transform: uppercase; - font-weight: 700; - color: $blue-light; - &:after{ - // display: block; - content: url('data:image/svg+xml,'); + + .node-type-static{ + width: 70%; + margin: auto; + div:first-child:not(.field__item):not(.field){ + display: flex; + flex-direction: row; + flex-wrap: wrap; + :nth-child(4) { order: 3; } } - } - } - .field--name-field-images{ - // grid-column: 2 / 4; - .field__item{ - img{ - width: 15rem; - height: auto; + + .inline.links{ + z-index: 95; + align-self: flex-end; + width: fit-content; + height: fit-content; + padding: 0.4rem 1rem; + font-size: 0.8rem; + margin: 0; + background-color: $white; + border: 2px solid $blue-light; + list-style: none; + + + a{ + text-transform: uppercase; + font-weight: 700; + color: $blue-light; + &:after{ + // display: block; + content: url('data:image/svg+xml,'); + } + } + } + .field--name-field-images{ + // grid-column: 2 / 4; + .field__item{ + img{ + width: 15rem; + height: auto; + } + } + } + .field--name-title{ + display: none; + } + .field--name-field-accroche{ + flex: 1 1 50px; + // grid-column: 4 / 9; + padding-left: 1rem; + p{ + background-color: $white; + font-size: 1.5rem; + width: 110%; + padding-bottom: 2rem; + margin-block-start: 0; + text-align: start !important; + } + + } + .field--name-field-videos{ + flex: 0 0 80%; + padding-top: 4rem; + margin: auto; + } } - } - } - .field--name-title{ - display: none; - } - .field--name-field-accroche{ - flex: 1 1 50px; - // grid-column: 4 / 9; - padding-left: 1rem; - p{ - background-color: $white; - font-size: 1.5rem; - width: 110%; - margin-bottom: 2rem; - padding-bottom: 2rem; - margin-block-start: 0; - } - } - .field--name-field-videos{ - flex: 0 0 80%; - padding-top: 4rem; - margin: auto; - } - } - -} + } } } } \ No newline at end of file