From 63950c4b7382cd233403c9004f5d183f190be3df Mon Sep 17 00:00:00 2001 From: Andrew Hosgood Date: Fri, 30 Aug 2024 12:46:23 +0100 Subject: [PATCH] Add a CSS file for basic IE support --- CHANGELOG.md | 1 + src/nationalarchives/ie.scss | 92 ++++++++++++++++++++++++++++++++++++ tasks/test-package.js | 3 ++ 3 files changed, 96 insertions(+) create mode 100644 src/nationalarchives/ie.scss diff --git a/CHANGELOG.md b/CHANGELOG.md index bb8187b8..8fe8829f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - A new `all+analytics.js` file now exists which can be used as a drop-in replacement for `all.js` - Google Analytics 4 can be automatically be instantiated by adding a `data-ga4` property to the `` element - New horizontal card options to control image width and position +- Added a CSS file for basic IE support (`ie.css`) ### Changed diff --git a/src/nationalarchives/ie.scss b/src/nationalarchives/ie.scss new file mode 100644 index 00000000..a6311b6c --- /dev/null +++ b/src/nationalarchives/ie.scss @@ -0,0 +1,92 @@ +/* stylelint-disable */ + +.tna-global-header__logo--link, +.tna-global-header__navigation-item-link, +.tna-header__logo-contents--link, +.tna-header__navigation-item-link, +.tna-header__top-navigation-item-link { + &, + &:link, + &:visited { + color: #fff; + } +} + +.tna-global-header__navigation-item-link { + border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid; +} + +.tna-global-header__top-navigation-item { + & + & { + margin-left: 2rem; + } +} + +.tna-global-header__top-navigation-link { + &, + &:link, + &:visited { + color: rgba(255, 255, 255, 0.58); + + &:hover { + color: #fff; + } + } +} + +.tna-footer { + .tna-logo { + height: 96px; + } + + &__licence-logo { + height: 24px; + } + + &__govuk-logotype-crown { + height: 30px; + } +} + +.tna-breadcrumbs { + &__link { + color: #343338; + } +} + +.tna-sidebar { + &--sticky { + display: block; + } +} + +.tna-hero { + &__image { + top: 0; + left: 0; + bottom: 0; + right: 0; + } + + &__content-inner { + background: #fff; + } +} + +.tna-files-list { + &__icon { + height: 3rem; + } +} + +.tna-form__group-contents { + flex: none; +} + +.tna-chip { + background: #fff; +} + +.etna-video { + padding-bottom: 56.25%; +} diff --git a/tasks/test-package.js b/tasks/test-package.js index e1c2a519..dd680230 100644 --- a/tasks/test-package.js +++ b/tasks/test-package.js @@ -50,6 +50,9 @@ const checkExists = [ "nationalarchives/font-awesome.css", "nationalarchives/font-awesome.css.map", "nationalarchives/font-awesome.scss", + "nationalarchives/ie.css", + "nationalarchives/ie.css.map", + "nationalarchives/ie.scss", "nationalarchives/print.css", "nationalarchives/print.css.map", "nationalarchives/prototype-kit.css",