Add a CSS file for basic IE support

nationalarchives · Aug 30, 2024 · 63950c4 · 63950c4
1 parent 17af3d6
commit 63950c4
Show file tree

Hide file tree

Showing 3 changed files with 96 additions and 0 deletions.
diff --git 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 `<html>` 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
@@ -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
@@ -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",