diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 3fd9f28..5314655 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -798,92 +798,105 @@ a { background-color: #009ee3; text-transform: uppercase; } -.path-faq .block-region-content { +.path-faq #block-contenudelapageprincipale h2 { + font-family: 'Source Code Pro'; + font-size: 2rem; + font-weight: 800; + color: #009ee3; + background-color: white; + text-transform: uppercase; + width: fit-content; + margin-left: 10%; + margin-top: 8rem; } + +.path-faq #block-contenudelapageprincipale .block-region-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; } - .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 { + .path-faq #block-contenudelapageprincipale .block-region-content .block-config-pages.block-config-pages-block { + grid-column: 2 / span 3; } + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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; text-transform: uppercase; } - .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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) { + .path-faq #block-contenudelapageprincipale .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) { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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_Download_file_307900.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-fichiers .file--mime-application-pdf a { + .path-faq #block-contenudelapageprincipale .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; 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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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 { + .path-faq #block-contenudelapageprincipale .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; } diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss index 07f8405..c22c2fb 100644 --- a/web/themes/custom/eql/scss/pages/_faq.scss +++ b/web/themes/custom/eql/scss/pages/_faq.scss @@ -1,136 +1,156 @@ .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; - } + #block-contenudelapageprincipale{ + + h2{ + font-family: 'Source Code Pro'; + font-size: 2rem; + font-weight: 800; + color: $blue-light; + background-color: $white; + text-transform: uppercase; + width: fit-content; + margin-left: 10%; + margin-top: 8rem; + } + .block-region-content{ + + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; + .block-config-pages.block-config-pages-block{ + grid-column: 2 / span 3; } - .field--name-field-description{ - p{ - margin-top: 0; - margin-left: 1.5rem; - margin-right: 1.5rem; + .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-weight: 800; - color: $white; - font-size: 1.3rem; - } - &:after{ - display: block; - content:url("../images/pictos/noun_Arrow_3771902.svg") - - } + font-size: 0.8rem; + font-weight: 1000; + color: $blue-dark; + text-transform: uppercase; + } + } + .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") + + } + } } } - } - .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; + .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; } - - .file--mime-application-pdf{ + + .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; } - ::before{ - display: inline-block; - content: url("../images/pictos/noun_Download_file_307900.svg"); - width: 30px; - height: 30px; - padding-right: 0.8rem; + + .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{ - display: inline-flex; + &: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-liens{ - - a{ - &:before{ - display: inline-block; - content: url("../images/pictos/noun_External Link_674151.svg"); - width: 30px; - height: 30px; - padding-right: 0.8rem; + .field--name-field-ress{ + margin-top: 0.5rem; + + a{ + color: $black; + text-decoration: underline; + font-weight: 800; } - 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/templates/block.html.twig b/web/themes/custom/eql/templates/block.html.twig index fd3311b..af29318 100644 --- a/web/themes/custom/eql/templates/block.html.twig +++ b/web/themes/custom/eql/templates/block.html.twig @@ -35,7 +35,7 @@