diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 0483353..ce994eb 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -111,6 +111,9 @@ .path-node { margin: 0; } +.path-faq { + margin: 0; } + .main-content { margin-top: 7rem; } @@ -677,7 +680,6 @@ a { .node-id-5 .region-content { background: url("../images/pictos/carre-contour-bleu_contact.svg"); background-repeat: no-repeat; - background-position-y: 7rem; max-width: 100vw; background-size: contain; } @@ -691,6 +693,26 @@ a { background-color: #009ee3; text-transform: uppercase; } +.block-region-content { + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; } + +.block-views-blockfaq-block-1 { + grid-column: 2 / span 3; } + .block-views-blockfaq-block-1 .node-type-question_reponse { + border-bottom: 1px solid #009ee3; } + .block-views-blockfaq-block-1 .field--name-title { + display: none; } + .block-views-blockfaq-block-1 .field--name-field-question p { + font-family: 'Source Code Pro'; + font-weight: 500; + color: #09398b; + font-size: 1.5rem; } + .block-views-blockfaq-block-1 .field--name-field-question p:after { + display: inline-flex; + content: url('data:image/svg+xml,'); + justify-self: flex-end; } + /*partials*/ .layout-container { position: relative; } diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index 6d6541e..b44a120 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -1,15 +1,12 @@ .layout-container { - font-family: $font-family-default; margin: none; top: 0%; left: 0%; width: 100%; - overflow: hidden; - } .layout-content{ padding-top: 7rem; @@ -21,6 +18,9 @@ .path-node { margin: 0; } +.path-faq{ + margin: 0; +} .main-content{ margin-top: 7rem; } diff --git a/web/themes/custom/eql/scss/pages/_contact.scss b/web/themes/custom/eql/scss/pages/_contact.scss index 8a889b1..b15964e 100644 --- a/web/themes/custom/eql/scss/pages/_contact.scss +++ b/web/themes/custom/eql/scss/pages/_contact.scss @@ -2,7 +2,7 @@ .region-content{ background: url('../images/pictos/carre-contour-bleu_contact.svg'); background-repeat: no-repeat; - background-position-y: 7rem; + // background-position-y: 7rem; max-width: 100vw; background-size: contain; } diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss new file mode 100644 index 0000000..a06d9f2 --- /dev/null +++ b/web/themes/custom/eql/scss/pages/_faq.scss @@ -0,0 +1,36 @@ + +.block-region-content{ + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; +} +.block-views-blockfaq-block-1{ + grid-column: 2 / span 3; + // width: 70%; + // margin: auto; + .node-type-question_reponse{ + border-bottom: 1px solid $blue-light; + } + .field--name-title{ + display: none; + // font-family: 'Source Code Pro' !important; + // font-weight: 500 !important; + // color: $blue-dark !important; + + + } + .field--name-field-question{ + p{ + font-family: 'Source Code Pro' ; + font-weight: 500 ; + color: $blue-dark ; + font-size: 1.5rem; + &:after{ + display:inline-flex; + content: url('data:image/svg+xml,'); + justify-self: flex-end; + } + } + + + } +} diff --git a/web/themes/custom/eql/scss/styles.scss b/web/themes/custom/eql/scss/styles.scss index 1521628..3bf1aa4 100644 --- a/web/themes/custom/eql/scss/styles.scss +++ b/web/themes/custom/eql/scss/styles.scss @@ -7,7 +7,7 @@ @import "global/variables/_typography"; @import "global/variables/_colors"; @import "global/_layout"; - +// @import "global/_reset"; @import "global/_typography"; @import "global/_mediaqueries"; @@ -27,6 +27,7 @@ @import "pages/_toutesactualites"; @import "pages/_programme"; @import "pages/_contact"; +@import "pages/_faq"; /*partials*/