From 131346b1fd6d6c706958d30d6d700dde468e77d3 Mon Sep 17 00:00:00 2001 From: SamiraMSadat <108487505+SamiraMSadat@users.noreply.github.com> Date: Mon, 26 Feb 2024 11:53:04 -0700 Subject: [PATCH 1/2] VOTE-784 style footer secondary section (#577) --- web/themes/custom/votegov/img/eac-logo.webp | Bin 0 -> 12576 bytes web/themes/custom/votegov/img/gsa-logo.svg | 19 +++++ web/themes/custom/votegov/img/x-logo.svg | 7 ++ .../votegov/src/sass/components/_index.scss | 1 + .../src/sass/components/footer-secondary.scss | 78 ++++++++++++++++++ .../src/sass/uswds-overrides/_index.scss | 1 + .../src/sass/uswds-overrides/usa-footer.scss | 45 ++++++++++ .../footer--secondary-section.html.twig | 40 +++++---- .../votegov/templates/layout/page.html.twig | 2 +- 9 files changed, 175 insertions(+), 18 deletions(-) create mode 100644 web/themes/custom/votegov/img/eac-logo.webp create mode 100644 web/themes/custom/votegov/img/gsa-logo.svg create mode 100644 web/themes/custom/votegov/img/x-logo.svg create mode 100644 web/themes/custom/votegov/src/sass/components/footer-secondary.scss create mode 100644 web/themes/custom/votegov/src/sass/uswds-overrides/usa-footer.scss diff --git a/web/themes/custom/votegov/img/eac-logo.webp b/web/themes/custom/votegov/img/eac-logo.webp new file mode 100644 index 0000000000000000000000000000000000000000..fe7f36d97dd4e8d85155ec48c902f28c58ab205e GIT binary patch literal 12576 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 + + + + + + + diff --git a/web/themes/custom/votegov/img/x-logo.svg b/web/themes/custom/votegov/img/x-logo.svg new file mode 100644 index 000000000..9daf1abaa --- /dev/null +++ b/web/themes/custom/votegov/img/x-logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/web/themes/custom/votegov/src/sass/components/_index.scss b/web/themes/custom/votegov/src/sass/components/_index.scss index 5fe50ff67..9f1fa0e02 100644 --- a/web/themes/custom/votegov/src/sass/components/_index.scss +++ b/web/themes/custom/votegov/src/sass/components/_index.scss @@ -9,4 +9,5 @@ @forward "field"; @forward "basics-block"; @forward "heading"; +@forward "footer-secondary"; diff --git a/web/themes/custom/votegov/src/sass/components/footer-secondary.scss b/web/themes/custom/votegov/src/sass/components/footer-secondary.scss new file mode 100644 index 000000000..89df4fcf0 --- /dev/null +++ b/web/themes/custom/votegov/src/sass/components/footer-secondary.scss @@ -0,0 +1,78 @@ +@use "uswds-core" as *; +@use "variables" as *; + +.gsa-container { + @include u-display('flex'); + @include u-flex('align-center'); +} + +.gsa-container__img { + @include u-padding-right(2); + @include grid-col(auto); +} + +.gsa-container__text { + font-size: 14px; + @include at-media('tablet') { + @include grid-col(10); + } + @include at-media-max('tablet') { + @include grid-col(9); + } +} + +.eac-logo-container { + @include u-display('flex'); + @include u-position('relative'); + + @include at-media('tablet') { + @include u-padding-left(6); + &:before { + content: ''; + background-color: $bg-light-medium; + @include u-display('block'); + @include u-position('absolute'); + @include u-width('2px'); + @include u-height(6); + @include u-margin-y('auto'); + @include u-left(0); + @include u-top(0); + @include u-bottom(0); + + } + } + + @include at-media-max('tablet') { + @include u-flex('justify-center'); + @include u-margin-bottom(2); + @include u-margin-top(4); + + &:before { + content: ''; + background-color: $bg-light-medium; + @include u-display('block'); + @include u-position('absolute'); + @include u-width('2px'); + @include u-height(10); + @include u-margin-y('auto'); + bottom: 32px; + rotate: 90deg; + } + } +} + +.vote-social-link { + @include u-display('flex'); + @include u-flex('align-center'); + @include u-radius-top('pill'); + @include u-radius-bottom('pill'); + @include u-width(4); + @include u-height(4); + @include u-margin(0.5); + background-color: $bg-light-cool; +} + +.vote-social-link__icon { + @include u-width(4); + @include u-height(4); +} diff --git a/web/themes/custom/votegov/src/sass/uswds-overrides/_index.scss b/web/themes/custom/votegov/src/sass/uswds-overrides/_index.scss index 336fb6054..3c3de32e8 100644 --- a/web/themes/custom/votegov/src/sass/uswds-overrides/_index.scss +++ b/web/themes/custom/votegov/src/sass/uswds-overrides/_index.scss @@ -6,6 +6,7 @@ @forward "usa-label"; @forward "usa-language-selector"; @forward "usa-header"; +@forward "usa-footer"; @forward "usa-button"; @forward "usa-button-group"; @forward "usa-select"; diff --git a/web/themes/custom/votegov/src/sass/uswds-overrides/usa-footer.scss b/web/themes/custom/votegov/src/sass/uswds-overrides/usa-footer.scss new file mode 100644 index 000000000..5ba79d5fe --- /dev/null +++ b/web/themes/custom/votegov/src/sass/uswds-overrides/usa-footer.scss @@ -0,0 +1,45 @@ +@use "uswds-core" as *; +@use "variables" as *; + +.usa-footer__secondary-section { + @include u-border-top(1px); + @include u-border-top('solid'); + border-color: $bg-light-medium; + background-color: #f0f0f0; + font-family: $theme-font-type-sans; + + @include at-media('tablet') { + @include u-padding-y(6); + } + + @include at-media-max('tablet') { + @include u-padding-bottom(0); + } +} + +.usa-footer__logo { + color: $base-dark; + @include at-media('tablet') { + @include u-display('flex'); + @include grid-col(6); + } +} + +.usa-footer__social-links { + @include u-display('flex'); + @include u-flex('align-center'); + font-size: 18px; + font-weight: 500; + + @include at-media('tablet') { + @include grid-col(3); + } + @include at-media-max('tablet') { + @include u-flex('justify-center'); + @include u-padding-bottom(0); + @include u-border-y(1px); + border-color: $bg-light-medium ; + @include u-padding-y('105'); + @include u-margin-x(-2); + } +} diff --git a/web/themes/custom/votegov/templates/component/footer--secondary-section.html.twig b/web/themes/custom/votegov/templates/component/footer--secondary-section.html.twig index cc07b4c43..80c2b923d 100644 --- a/web/themes/custom/votegov/templates/component/footer--secondary-section.html.twig +++ b/web/themes/custom/votegov/templates/component/footer--secondary-section.html.twig @@ -1,24 +1,30 @@ +{% set GSAlink = link('General Services Administration' | t, 'https://www.gsa.gov/') %} +
-
- -
- {# Social links menu. #} -