diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index ca93934..80a0fa7 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -131,36 +131,6 @@ 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; } - .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link { - position: relative; - bottom: +387%; } - .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description { - position: relative; - bottom: +132%; } } - -@media (max-width: 1033px) { - .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: +450%; } - .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description { - position: relative; - bottom: +126%; } } - @media (max-width: 934px) { #block-headermenu { display: none; } @@ -370,32 +340,38 @@ a { .block-region-content { position: relative; } - .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { - grid-column: 5; - background-color: #009ee3; } - .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-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 { + position: relative; + width: 20%; + float: right; + margin-right: 13%; + bottom: -100%; + background-color: #009ee3; } + .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien { + text-align: center; } + .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-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-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p { + margin-top: 0; + margin-bottom: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .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-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; diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss index 9a6588b..7380b4e 100644 --- a/web/themes/custom/eql/scss/global/_mediaqueries.scss +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -1,54 +1,54 @@ -@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: 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{ - position: relative; - .field--name-field-lien.field--type-link{ - position: relative; - bottom: +387%; - } - .field--name-field-description{ - position: relative; - bottom: +132%; - } - } +// @media (max-width: 1330px){ +// .path-frontpage{ +// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ +// position: relative; +// .field--name-field-lien.field--type-link{ +// position: relative; +// bottom: +387%; +// } +// .field--name-field-description{ +// position: relative; +// bottom: +132%; +// } +// } - } -} +// } +// } -@media (max-width: 1033px){ - .path-frontpage{ - .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ - position: relative; - .field--name-field-lien.field--type-link{ - position: relative; - bottom: +450%; - } - .field--name-field-description{ - position: relative; - bottom: +126%; - } - } +// @media (max-width: 1033px){ +// .path-frontpage{ +// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ +// position: relative; +// .field--name-field-lien.field--type-link{ +// position: relative; +// bottom: +450%; +// } +// .field--name-field-description{ +// position: relative; +// bottom: +126%; +// } +// } - } +// } -} +// } @media (max-width: 934px){ diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index bf630e6..591af97 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -139,91 +139,66 @@ // 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,'); - // } - // } - grid-column: 5; - background-color: $blue-light; - .field--name-field-lien{ - &:before{ - margin-top: 1rem; - display: block; - content: url("../images/pictos/picto_faq.svg"); - } +} +.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{ + position: relative; + width: 20%; + float: right; + margin-right: 13%; + bottom: -100%; + // 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{ + p{ + margin-top: 0; + margin-bottom: 0; + margin-left: 1.5rem; + margin-right: 1.5rem; text-align: center; a{ - font-size: 0.8rem; - font-weight: 1000; - color: $blue-dark; - text-transform: uppercase; - } + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + + } } - .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; - // } - // } - - } - -} + } + + + // .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