@nationalarchives/frontend 0.2.12 → 0.2.14

package/nationalarchives/global-header-package.scss

@@ -1,312 +0,0 @@
-/* stylelint-disable */
-
-@use "sass:math";
-// @use "variables/assets";
-@use "variables/grid" as gridVars with (
-  $largest-container-width: 1270px,
-  $gutter-width: math.div(30, 16),
-  $gutter-width-tiny: math.div(15, 16)
-);
-@use "variables/typography" as typographyVars;
-
-@use "tools/colour";
-@use "tools/media";
-@use "tools/spacing";
-@use "tools/typography";
-
-@use "utilities/a11y" as a11yUtils;
-// @use "utilities/areas" as areasUtils;
-@use "utilities/colour" as colourUtils;
-@use "utilities/columns" as columnsUtils;
-// @use "utilities/debug" as debugUtils;
-// @use "utilities/forms" as formsUtils;
-@use "utilities/global" as globalUtils;
-@use "utilities/grid" as gridUtils;
-@use "utilities/lists" as listsUtils;
-@use "utilities/overrides" as overridesUtils;
-// @use "utilities/reset" as resetUtils;
-// @use "utilities/tables" as tablesUtils;
-// @use "utilities/typography" as typographyUtils;
-
-@use "components/button";
-@use "components/footer";
-@use "components/global-header";
-@use "components/skip-link";
-
-.tna-template {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -webkit-text-size-adjust: none;
-  text-size-adjust: none;
-  direction: ltr;
-
-  --background: #fff;
-}
-
-hr {
-  border-width: 1px 0 0;
-  @include colour.colour-border("keyline");
-  border-style: solid;
-}
-
-%heading {
-  @include colour.colour-font("font-dark");
-
-  strong {
-    font-weight: inherit;
-  }
-}
-
-%heading-xl {
-  @extend %heading;
-
-  @include typography.heading-font;
-  @include typography.font-size(64);
-  line-height: 1.1;
-
-  @include media.on-medium {
-    @include typography.font-size(48);
-  }
-
-  @include media.on-mobile {
-    @include typography.font-size(36);
-  }
-}
-
-%heading-l {
-  @extend %heading;
-
-  @include typography.heading-font;
-  @include typography.font-size(36);
-  line-height: 1.3;
-
-  @include media.on-medium {
-    @include typography.font-size(30);
-  }
-
-  @include media.on-small {
-    @include typography.font-size(28);
-  }
-
-  @include media.on-tiny {
-    @include typography.font-size(25);
-  }
-}
-
-%heading-m {
-  @extend %heading;
-
-  @include typography.main-font-weight-bold;
-  @include typography.font-size(22);
-  line-height: 1.6;
-
-  @include media.on-medium {
-    @include typography.font-size(21);
-  }
-
-  @include media.on-small {
-    @include typography.font-size(20);
-  }
-
-  @include media.on-tiny {
-    @include typography.font-size(19);
-  }
-}
-
-%heading-s {
-  @extend %heading;
-
-  @include typography.main-font-weight-bold;
-  @include typography.font-size(18);
-  line-height: 1.6;
-}
-
-%headings-and-heading-groups {
-  margin: spacing.space(2) 0 0;
-  padding: spacing.space(1) 0 0;
-
-  &:first-child {
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  + p {
-    margin-top: spacing.space(1);
-  }
-}
-
-.tna-heading {
-  &-xl {
-    @extend %heading-xl;
-    @extend %headings-and-heading-groups;
-  }
-
-  &-l {
-    @extend %heading-l;
-    @extend %headings-and-heading-groups;
-  }
-
-  &-m {
-    @extend %heading-m;
-    @extend %headings-and-heading-groups;
-  }
-
-  &-s {
-    @extend %heading-s;
-    @extend %headings-and-heading-groups;
-  }
-}
-
-.tna-button {
-  &,
-  &:link,
-  &:visited {
-    text-decoration: none;
-  }
-}
-
-.tna-global-header {
-  padding-bottom: 0;
-
-  &__logo:link {
-    display: flex;
-  }
-
-  &__navigation {
-    padding: 0;
-
-    &-item {
-      margin-left: 0;
-      margin-bottom: 0;
-
-      &-link {
-        &,
-        &:link,
-        &:visited {
-          display: block;
-        }
-      }
-    }
-  }
-
-  &__top-navigation {
-    margin-top: 0;
-    margin-bottom: 0;
-
-    &-item {
-      margin-left: 0;
-      margin-bottom: 0;
-    }
-
-    &-link {
-      display: flex !important;
-      @include colour.colour-font("font-light", true);
-
-      &:hover,
-      &:focus-visible {
-        @include colour.colour-font("font-base", true);
-      }
-    }
-  }
-}
-
-.tna-footer {
-  &__title {
-    margin-top: 0;
-  }
-
-  &__address {
-    margin-bottom: 0;
-  }
-
-  .tna-heading-m {
-    font-weight: 400;
-    line-height: 1.5;
-    letter-spacing: -0.025em;
-  }
-
-  &__social-item,
-  &__navigation-block-item,
-  &__legal-item {
-    margin-left: 0;
-    margin-bottom: 0;
-  }
-
-  &__social-item-link {
-    box-sizing: content-box;
-  }
-
-  address {
-    line-height: inherit;
-  }
-
-  hr {
-    height: 0 !important;
-    @include colour.colour-border("keyline", 1px, solid, top);
-    border-bottom: none !important;
-  }
-
-  &__licence p {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  &__legal-item-link,
-  &__licence p a {
-    text-decoration: underline !important;
-
-    &:hover,
-    &:focus-visible,
-    &:active {
-      text-decoration-thickness: 3.5px !important;
-    }
-  }
-}
-
-.tna-global-header,
-.tna-footer__inner {
-  * {
-    color: inherit;
-  }
-
-  a:not(.tna-button) {
-    text-decoration: none;
-    text-decoration-thickness: 1.5px;
-
-    &,
-    &:link {
-      @include colour.colour-font("link", true);
-    }
-
-    &:visited {
-      @include colour.colour-font("link-visited");
-    }
-
-    &:hover,
-    &:focus-visible,
-    &:active {
-      @include typography.interacted-text-decoration;
-
-      background: none !important;
-
-      outline: none;
-    }
-
-    &:focus {
-      background: none !important;
-    }
-
-    &:hover:focus {
-      color: unset !important;
-
-      background: unset !important;
-    }
-
-    &.tna-link--no-visited-state {
-      &:visited {
-        @include colour.colour-font("link");
-      }
-    }
-  }
-}