From 476c8168069797f04f45e2628eba453ba2fefe3a Mon Sep 17 00:00:00 2001 From: Paul Robert Lloyd Date: Mon, 24 Jun 2024 22:42:32 +0100 Subject: [PATCH] Configure NHS.UK theme --- README.md | 4 +-- app/_components/_all.scss | 1 + app/_components/header/_header.scss | 39 +++++++++++++++++++++++++++ app/images/apple-touch-icon.png | Bin 0 -> 3095 bytes app/images/favicon.ico | Bin 0 -> 15086 bytes app/images/mask-icon.svg | 1 + app/images/opengraph-image.png | Bin 0 -> 12632 bytes app/index.md | 2 +- app/sass/_settings.scss | 40 ++++++++++++++++++++++++++++ eleventy.config.js | 20 +++++++++++--- package-lock.json | 4 +-- package.json | 4 +-- 12 files changed, 105 insertions(+), 10 deletions(-) create mode 100644 app/_components/header/_header.scss create mode 100644 app/images/apple-touch-icon.png create mode 100644 app/images/favicon.ico create mode 100644 app/images/mask-icon.svg create mode 100644 app/images/opengraph-image.png create mode 100644 app/sass/_settings.scss diff --git a/README.md b/README.md index 3642365..357d1e6 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Design history for GOV.UK services +# Design history for NHS.UK services -A place for you to document your GOV.UK service designs. +A place for you to document your NHS.UK service designs. ## Purpose of this project diff --git a/app/_components/_all.scss b/app/_components/_all.scss index f3f696c..518b05c 100644 --- a/app/_components/_all.scss +++ b/app/_components/_all.scss @@ -1,2 +1,3 @@ @import "email/email"; +@import "header/header"; @import "screenshots/screenshots"; diff --git a/app/_components/header/_header.scss b/app/_components/header/_header.scss new file mode 100644 index 0000000..3b8e53a --- /dev/null +++ b/app/_components/header/_header.scss @@ -0,0 +1,39 @@ +.app-header { + background-color: #005eb8; + border: 0; +} + +.app-header__container { + border-bottom: 1px solid rgba(govuk-colour("white"), 0.2); + margin-bottom: 0; + padding-bottom: govuk-spacing(4); + padding-top: govuk-spacing(4); +} + +.govuk-header__logo { + margin: 0; +} + +.govuk-header__link--homepage { + display: flex; + align-items: center; + gap: govuk-spacing(3); + + &:hover { + border-color: transparent; + + .govuk-header__product-name { + text-decoration: underline; + } + } +} + +.govuk-header__product-name { + @include govuk-font(19); + margin: 0; +} + +.app-site-search:defined { + margin: 0; + padding: 0; +} diff --git a/app/images/apple-touch-icon.png b/app/images/apple-touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..6857a6217ac1d9a72d5cf37f9d1605c6e43d406e GIT binary patch literal 3095 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