From 9f80e2b26d98478df138c7fdb4f5581bf57f7a5c Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 30 Nov 2021 21:45:43 +0100 Subject: [PATCH] faq + home --- web/profiles/d8-starterkit-profile | 2 +- web/themes/custom/eql/css-compiled/styles.css | 296 ++++++++++-------- .../custom/eql/images/pictos/picto_faq.svg | 23 +- .../custom/eql/scss/global/_mediaqueries.scss | 17 + web/themes/custom/eql/scss/pages/_faq.scss | 209 ++++++++----- web/themes/custom/eql/scss/pages/_home.scss | 157 ++++++---- 6 files changed, 415 insertions(+), 289 deletions(-) diff --git a/web/profiles/d8-starterkit-profile b/web/profiles/d8-starterkit-profile index 9b46db9..6fe8986 160000 --- a/web/profiles/d8-starterkit-profile +++ b/web/profiles/d8-starterkit-profile @@ -1 +1 @@ -Subproject commit 9b46db9c56faf2cbc965ea1b76ce5345e7f46c0f +Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0 diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index c394229..ca93934 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -131,6 +131,16 @@ a { text-decoration: none; } +@media (max-width: 1325px) { + .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { + position: relative; } + .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link { + position: relative; + bottom: +337%; } + .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description { + position: relative; + bottom: +72%; } } + @media (max-width: 1330px) { .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { position: relative; } @@ -284,58 +294,53 @@ a { .field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) { font-size: 2rem; } -.block-views-blockhome-nodes-block-1 .node-type-static div:first-child { - display: grid; - grid-template-columns: 1fr repeat(4, 2fr) 1fr; - grid-template-rows: repeat(4, auto); } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images { - z-index: -99; - filter: grayscale(100%); - filter: brightness(0%); - opacity: 0.5; - grid-column: 1 /span 10; - grid-row: 1 / span 4; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images img { - width: 100vw; - height: auto; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche { - grid-column: 2 /span 3; - grid-row: 2 / span 3; - font-size: 6rem; - font-weight: 800; - color: #009ee3; - margin: 0; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p { +.block-views-blockhome-nodes-block-1 { + background: url("../images/pictos/carre-contour-bleu_contact.svg"); } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child { + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; + grid-template-rows: repeat(4, auto); } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images { + display: none; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche { + grid-column: 2 /span 3; + grid-row: 2 / span 2; + font-size: 5rem; + font-weight: 800; + color: #009ee3; + line-height: 6rem; margin: 0; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title { - grid-column: 4; - grid-row: 1; - margin-top: 2rem; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a { - color: #e1000f; - font-weight: 900; - text-transform: uppercase; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline { - grid-column: 2; - grid-row: 4; - max-width: 70%; - min-width: fit-content; - height: 1.5rem; - padding: 0.4rem 1rem; - font-size: 0.8rem; - margin-bottom: 2.5rem; - background-color: white; - border: 2px solid #009ee3; - list-style: none; - text-align: center !important; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a { - display: inline-flex; - text-transform: uppercase; - font-weight: 700; - color: #009ee3; } - .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after { - display: block; - content: url('data:image/svg+xml,'); } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p { + margin: 0; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title { + grid-column: 4; + grid-row: 1; + margin-top: 2rem; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a { + color: #e1000f; + font-weight: 900; + text-transform: uppercase; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline { + grid-column: 2; + grid-row: 4; + max-width: 70%; + min-width: fit-content; + height: 1.5rem; + padding: 0.4rem 1rem; + font-size: 0.8rem; + margin-bottom: 2.5rem; + background-color: white; + border: 2px solid #009ee3; + list-style: none; + text-align: center !important; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a { + display: inline-flex; + text-transform: uppercase; + font-weight: 700; + color: #009ee3; } + .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after { + display: block; + content: url('data:image/svg+xml,'); } .block-block-content.block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca { display: grid; @@ -365,45 +370,32 @@ a { .block-region-content { position: relative; } - -.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { - display: grid; - grid-template-columns: 1fr repeat(4, 2fr) 1fr; - position: relative; - background-color: #009ee3; - height: 0; - width: 100%; - position: relative; } - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link { - position: relative; - bottom: +326%; - grid-column: 5; - width: inherit; - font-size: 0.8rem; - list-style: none; - background-color: #009ee3; - display: flex; - justify-content: center; } - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a { - text-transform: uppercase; - font-weight: 700; - color: #09398b; } - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link a:before { - display: block; - width: fit-content; - content: url('data:image/svg+xml,'); } - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description { - position: relative; - bottom: +140%; + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { grid-column: 5; background-color: #009ee3; } - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p { - color: white; - font-size: 1.2rem; - padding-left: 1rem; - padding-right: 1rem; - margin-top: 0; + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien { text-align: center; } + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before { + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq.svg"); } + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a { + font-size: 0.8rem; + font-weight: 1000; + color: #09398b; + text-transform: uppercase; } + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p { + margin-top: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a { + font-weight: 800; + color: white; + font-size: 1.3rem; } + .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after { + display: block; + content: url("../images/pictos/noun_Arrow_3771902.svg"); } .block-views-blockactus-blocks-pages-block-1 { clear: both; @@ -703,65 +695,95 @@ a { background-color: #009ee3; text-transform: uppercase; } -.block-views-blockfaq-block-1 { +.path-faq .block-region-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; } - .block-views-blockfaq-block-1 div:first-child { - grid-column: 2 / span 3; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse { - border-bottom: 1px solid #009ee3; - padding-bottom: 2rem; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title { - display: none; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p { - font-family: 'Source Code Pro'; - font-weight: 500; + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 { + grid-column: 5; + background-color: #009ee3; } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { + text-align: center; } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before { + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq.svg"); } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a { + font-size: 0.8rem; + font-weight: 1000; color: #09398b; - font-size: 1.5rem; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after { - display: inline-flex; - content: url('data:image/svg+xml,'); - justify-self: flex-end; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse { - display: none; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened { - display: block; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) { - display: none; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) { - display: none; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before { - display: inline-block; - content: url("../images/pictos/noun_Download_file_307900.svg"); - width: 30px; - height: 30px; - padding-right: 0.8rem; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a { - display: inline-flex; - align-items: center; - color: black; - font-weight: 800; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a { - display: flex; - flex-direction: row; - justify-content: left; - align-items: center; - color: black; - font-weight: 800; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before { + text-transform: uppercase; } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p { + margin-top: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a { + font-weight: 800; + color: white; + font-size: 1.3rem; } + .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after { + display: block; + content: url("../images/pictos/noun_Arrow_3771902.svg"); } + .path-faq .block-region-content .block-views-blockfaq-block-1 { + grid-column: 2 / span 3; + display: grid; + grid-template-columns: 1fr 1fr 1fr; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child { + grid-column: 1 / span 3; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse { + border-bottom: 1px solid #009ee3; + padding-bottom: 2rem; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title { + display: none; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p { + font-family: 'Source Code Pro'; + font-weight: 500; + color: #09398b; + font-size: 1.5rem; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after { + display: inline-flex; + content: url('data:image/svg+xml,'); + justify-self: flex-end; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse { + display: none; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened { + display: block; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) { + display: none; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) { + display: none; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before { display: inline-block; - content: url("../images/pictos/noun_External Link_674151.svg"); + content: url("../images/pictos/noun_Download_file_307900.svg"); width: 30px; height: 30px; padding-right: 0.8rem; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg { - display: none; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress { - margin-top: 0.5rem; } - .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a { + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a { + display: inline-flex; + align-items: center; color: black; - text-decoration: underline; font-weight: 800; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a { + display: flex; + flex-direction: row; + justify-content: left; + align-items: center; + color: black; + font-weight: 800; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before { + display: inline-block; + content: url("../images/pictos/noun_External Link_674151.svg"); + width: 30px; + height: 30px; + padding-right: 0.8rem; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg { + display: none; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress { + margin-top: 0.5rem; } + .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a { + color: black; + text-decoration: underline; + font-weight: 800; } /*partials*/ .layout-container { diff --git a/web/themes/custom/eql/images/pictos/picto_faq.svg b/web/themes/custom/eql/images/pictos/picto_faq.svg index 1009376..b329f8d 100644 --- a/web/themes/custom/eql/images/pictos/picto_faq.svg +++ b/web/themes/custom/eql/images/pictos/picto_faq.svg @@ -1,8 +1,8 @@ + inkscape:pagecheckerboard="0" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" /> @@ -50,16 +54,17 @@ + id="layer1" + transform="translate(-46.48071,-78.786087)"> diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss index 959781c..9a6588b 100644 --- a/web/themes/custom/eql/scss/global/_mediaqueries.scss +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -1,3 +1,20 @@ +@media (max-width: 1325px){ + .path-frontpage{ + .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ + position: relative; + .field--name-field-lien.field--type-link{ + position: relative; + bottom: +337%; + } + .field--name-field-description{ + position: relative; + bottom: +72%; + } + } + + } +} + @media (max-width: 1330px){ .path-frontpage{ .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss index 09eea77..07f8405 100644 --- a/web/themes/custom/eql/scss/pages/_faq.scss +++ b/web/themes/custom/eql/scss/pages/_faq.scss @@ -1,95 +1,136 @@ -.block-views-blockfaq-block-1{ - display: grid; - grid-template-columns: 1fr repeat(4, 2fr) 1fr; - div:first-child{ - grid-column: 2 / span 3; - // width: 70%; - // margin: auto; - .node-type-question_reponse{ - border-bottom: 1px solid $blue-light; - padding-bottom: 2rem; - .field--name-title{ - display: none; +.path-faq{ + .block-region-content{ + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; + .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{ + grid-column: 5; + background-color: $blue-light; + .field--name-field-lien{ + &:before{ + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq.svg"); + + } + text-align: center; + a{ + font-size: 0.8rem; + font-weight: 1000; + color: $blue-dark; + text-transform: uppercase; + } } - - .field--name-field-question{ + .field--name-field-description{ 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; - } - } - } - - .field--name-field-reponse{ - - display: none; - - } - .opened{ - display: block; - } - .field--name-field-fichiers{ - span:nth-of-type(2){ - display: none; - } - - .file--mime-application-pdf{ - span:nth-of-type(2){ - display: none; - } - ::before{ - display: inline-block; - content: url("../images/pictos/noun_Download_file_307900.svg"); - width: 30px; - height: 30px; - padding-right: 0.8rem; - } + margin-top: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; a{ - display: inline-flex; - align-items: center; - color: $black; font-weight: 800; - } - } - } - .field--name-field-liens{ + color: $white; + font-size: 1.3rem; + } + &:after{ + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") - a{ - &:before{ - display: inline-block; - content: url("../images/pictos/noun_External Link_674151.svg"); - width: 30px; - height: 30px; - padding-right: 0.8rem; - } - display:flex; - flex-direction: row; - justify-content: left; - align-items: center; - color: $black; - font-weight: 800; - } - svg{ - display: none; - } - } - .field--name-field-ress{ - margin-top: 0.5rem; - - a{ - color: $black; - text-decoration: underline; - font-weight: 800; + } } } } + .block-views-blockfaq-block-1{ + grid-column: 2 / span 3; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + div:first-child{ + grid-column: 1 / span 3; + // width: 70%; + // margin: auto; + .node-type-question_reponse{ + border-bottom: 1px solid $blue-light; + padding-bottom: 2rem; + .field--name-title{ + display: none; + } + + .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; + } + } + } + + .field--name-field-reponse{ + display: none; + } + .opened{ + display: block; + } + .field--name-field-fichiers{ + span:nth-of-type(2){ + display: none; + } + + .file--mime-application-pdf{ + span:nth-of-type(2){ + display: none; + } + ::before{ + display: inline-block; + content: url("../images/pictos/noun_Download_file_307900.svg"); + width: 30px; + height: 30px; + padding-right: 0.8rem; + } + a{ + display: inline-flex; + align-items: center; + color: $black; + font-weight: 800; + } + } + } + .field--name-field-liens{ + + a{ + &:before{ + display: inline-block; + content: url("../images/pictos/noun_External Link_674151.svg"); + width: 30px; + height: 30px; + padding-right: 0.8rem; + } + display:flex; + flex-direction: row; + justify-content: left; + align-items: center; + color: $black; + font-weight: 800; + } + svg{ + display: none; + } + } + .field--name-field-ress{ + margin-top: 0.5rem; + + a{ + color: $black; + text-decoration: underline; + font-weight: 800; + } + } + } + } + } } } - diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index bd49b5d..bf630e6 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -23,6 +23,7 @@ // 1er bandeau .block-views-blockhome-nodes-block-1{ + background: url("../images/pictos/carre-contour-bleu_contact.svg"); .node-type-static{ div:first-child{ @@ -31,24 +32,26 @@ grid-template-columns: 1fr repeat(4, 2fr) 1fr; grid-template-rows: repeat(4, auto); .field--name-field-images{ - z-index: -99; - filter: grayscale(100%); - filter: brightness(0%); - opacity: 0.5; - // display: none; - grid-column: 1 /span 10; - grid-row: 1 / span 4; - img{ - width: 100vw; - height: auto; - } + display: none; + // z-index: -99; + // filter: grayscale(100%); + // filter: brightness(0%); + // opacity: 0.5; + // // display: none; + // grid-column: 1 /span 10; + // grid-row: 1 / span 4; + // img{ + // width: 100vw; + // height: auto; + // } } .field--name-field-accroche{ grid-column: 2 /span 3; - grid-row: 2 / span 3; - font-size: 6rem; + grid-row: 2 / span 2; + font-size: 5rem; font-weight: 800; color: $blue-light; + line-height: 6rem; p{ margin: 0; } @@ -58,6 +61,7 @@ grid-column: 4; grid-row: 1; margin-top: 2rem; + h2{ a{ color: #e1000f; @@ -135,53 +139,90 @@ // bouton foire aux questions .block-region-content{ position: relative; -} -.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ - display: grid; - grid-template-columns: 1fr repeat(4, 2fr) 1fr; - position: relative; - background-color: $blue-light; - height: 0; - width: 100%; - position: relative; - .field--name-field-lien.field--type-link{ - position: relative; - bottom: +326%; - grid-column: 5; - width:inherit; - font-size: 0.8rem; - list-style: none; - background-color: $blue-light; - display: flex; - justify-content: center; - - a{ - text-transform: uppercase; - font-weight: 700; - color: $blue-dark; - &:before{ - display: block; - width: fit-content; - content: url('data:image/svg+xml,'); + .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ + // display: grid; + // grid-template-columns: 1fr repeat(4, 2fr) 1fr; + // position: relative; + // background-color: $blue-light; + // height: 0; + // width: 100%; + // position: relative; + + // .field--name-field-lien.field--type-link{ + // position: relative; + // bottom: +326%; + // grid-column: 5; + // width:inherit; + // font-size: 0.8rem; + // list-style: none; + // background-color: $blue-light; + // display: flex; + // justify-content: center; + + // a{ + // text-transform: uppercase; + // font-weight: 700; + // color: $blue-dark; + // &:before{ + // display: block; + // width: fit-content; + // content: url('data:image/svg+xml,'); + // } + // } + grid-column: 5; + background-color: $blue-light; + .field--name-field-lien{ + &:before{ + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq.svg"); + } + text-align: center; + a{ + font-size: 0.8rem; + font-weight: 1000; + color: $blue-dark; + text-transform: uppercase; + } } - } - } - .field--name-field-description{ - position: relative; - bottom: +140%; - grid-column: 5; - background-color: $blue-light; - p{ - color: $white; - font-size: 1.2rem; - padding-left: 1rem; - padding-right: 1rem; - margin-top: 0; - text-align: center; - } - } - + .field--name-field-description{ + p{ + margin-top: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; + a{ + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + + } + } + } + + + // .field--name-field-description{ + // position: relative; + // bottom: +140%; + // grid-column: 5; + // background-color: $blue-light; + // p{ + // color: $white; + // font-size: 1.2rem; + // padding-left: 1rem; + // padding-right: 1rem; + // margin-top: 0; + // text-align: center; + // } + // } + + } + } // bandeau actus