From a7efe7a0cb7c7bed23a08d05a7bf8dfda45c146f Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 16 Nov 2021 17:28:46 +0100 Subject: [PATCH] footer --- web/themes/custom/eql/css-compiled/styles.css | 36 +++++++++++++------ .../custom/eql/scss/global/_layout.scss | 4 +-- web/themes/custom/eql/scss/pages/_home.scss | 19 +++++----- .../custom/eql/scss/partials/_footer.scss | 36 +++++++++++++++++-- 4 files changed, 71 insertions(+), 24 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index ede8dd3..e76535a 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -148,10 +148,6 @@ a { color: white; text-decoration: none; } -.node-type-static { - display: grid; - grid-template-columns: 2fr 2fr 2fr 2fr 2fr; } - .field--type-entity-reference-revisions .paragraph-summary { font-family: "Marianne", sans-serif; font-size: 5rem; @@ -162,6 +158,9 @@ a { display: block; font-size: 1rem; } +.field--type-entity-reference-revisions .paragraph-summary:nth-of-type(2n) { + font-size: 2rem; } + .contextual-region { display: grid; grid-template-columns: 10% 2fr 2fr 2fr 2fr 10%; @@ -264,10 +263,25 @@ a { display: flex; flex-direction: row; justify-content: space-around; } - #fotter-bottom #block-pieddepage ul { - color: #09398b; - font-weight: 800; - list-style: none; } - #fotter-bottom .twitter::before { - font-family: "Font Awesome 5 Brands"; - content: "\f099"; } + #fotter-bottom .region { + display: block; + padding-left: 1rem; + border-left: #009ee3 solid 1px; + padding-bottom: 2rem; } + #fotter-bottom .region h2 { + margin-top: 0; + color: #09398b; } + #fotter-bottom .region img { + height: 50px; + width: auto; } + #fotter-bottom .region-footer-bottom-left { + border: none; } + #fotter-bottom .region-footer-bottom-left #block-pieddepage ul { + margin-top: 0; + color: #09398b; + font-weight: 800; + list-style: none; } + #fotter-bottom .region-footer-bottom-left #block-pieddepage ul a { + color: #09398b; + font-size: 1.5rem; + margin-top: 0; } diff --git a/web/themes/custom/eql/scss/global/_layout.scss b/web/themes/custom/eql/scss/global/_layout.scss index 7d21c8d..05e1fbd 100644 --- a/web/themes/custom/eql/scss/global/_layout.scss +++ b/web/themes/custom/eql/scss/global/_layout.scss @@ -4,7 +4,6 @@ // } - .layout-container { position: absolute; font-family: $font-family-default; @@ -18,4 +17,5 @@ // .contextual-region .node-type-static { // grid-template-columns: repeat(6 1fr); -// } \ No newline at end of file +// } + diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 7d61e87..84e47da 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/web/themes/custom/eql/scss/pages/_home.scss @@ -1,8 +1,8 @@ -.node-type-static { - display: grid; - grid-template-columns: 2fr 2fr 2fr 2fr 2fr; -} +// .node-type-static { +// display: grid; +// grid-template-columns: 2fr 2fr 2fr 2fr 2fr; +// } .field--type-entity-reference-revisions{ @@ -12,13 +12,16 @@ font-weight: 600; color: $black !important; text-transform: capitalize; - - - span:nth-of-type(2n){ + + span:nth-of-type(2n){ display: block; font-size: 1rem; } - } + } + .paragraph-summary:nth-of-type(2n) { + font-size: 2rem; + } + } .contextual-region{ diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index 0fa0fea..3ed021e 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -1,19 +1,49 @@ + #fotter-bottom{ display: flex; flex-direction: row; justify-content: space-around; + .region{ + display: block; + padding-left: 1rem; + border-left: $blue-light solid 1px; + padding-bottom: 2rem; + h2{ + margin-top: 0; + color: $blue-dark; + } + img{ + height: 50px; + width: auto; + } + + } + + .region-footer-bottom-left{ + border: none; #block-pieddepage ul{ + margin-top: 0; color: $blue-dark; font-weight: 800; list-style: none; + + a{ + color: $blue-dark; + font-size: 1.5rem; + margin-top: 0; + } } + } + + + - .twitter::before { - font-family: "Font Awesome 5 Brands"; content: "\f099"; - } + // .twitter::before { + // font-family: "Font Awesome 5 Brands"; content: "\f099"; + // } } \ No newline at end of file