defra_ruby_template 3.15.1 → 5.4.0

data/node_modules/govuk-frontend/govuk/helpers/_links.scss

@@ -1,427 +0,0 @@
-////
-/// @group helpers/links
-////
-
-/// Common link styles
-///
-/// Provides the typography and focus state, regardless of link style.
-///
-/// @access public
-
-@mixin govuk-link-common {
-  @include govuk-typography-common;
-  @include govuk-link-decoration;
-
-  &:hover {
-    @include govuk-link-hover-decoration;
-  }
-
-  &:focus {
-    @include govuk-focused-text;
-  }
-}
-
-/// Link decoration
-///
-/// Provides the text decoration for links, including thickness and underline
-/// offset. Use this mixin only if you cannot use the `govuk-link-common` mixin.
-///
-/// @access public
-@mixin govuk-link-decoration {
-  text-decoration: underline;
-
-  @if ($govuk-new-link-styles) {
-    @if ($govuk-link-underline-thickness) {
-      text-decoration-thickness: $govuk-link-underline-thickness;
-    }
-
-    @if ($govuk-link-underline-offset) {
-      text-underline-offset: $govuk-link-underline-offset;
-    }
-  }
-}
-
-/// Link hover decoration
-///
-/// Provides the text decoration for links in their hover state, for you to use
-/// within a `:hover` pseudo-selector. Use this mixin only if you cannot use the
-/// `govuk-link-common` mixin.
-///
-/// @access public
-
-@mixin govuk-link-hover-decoration {
-  @if ($govuk-new-link-styles and $govuk-link-hover-underline-thickness) {
-    text-decoration-thickness: $govuk-link-hover-underline-thickness;
-    // Disable ink skipping on underlines on hover. Browsers haven't
-    // standardised on this part of the spec yet, so set both properties
-    -webkit-text-decoration-skip-ink: none;
-            text-decoration-skip-ink: none; // Chromium, Firefox
-    -webkit-text-decoration-skip: none;
-            text-decoration-skip: none; // Safari
-  }
-}
-
-/// Default link styles
-///
-/// Makes links use the default unvisited, visited, hover and active colours.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-default;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-default {
-  &:link {
-    color: $govuk-link-colour;
-  }
-
-  &:visited {
-    color: $govuk-link-visited-colour;
-  }
-
-  &:hover {
-    color: $govuk-link-hover-colour;
-  }
-
-  &:active {
-    color: $govuk-link-active-colour;
-  }
-
-  // When focussed, the text colour needs to be darker to ensure that colour
-  // contrast is still acceptable
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector
-  // designed to make unvisited link  s a slightly darker blue when focussed, so
-  // we need to override the text colour for that combination of selectors so
-  // so that unvisited links styled as buttons do not end up with dark blue
-  // text when focussed.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      color: $govuk-focus-text-colour;
-    }
-  }
-}
-
-/// Error link styles
-///
-/// Makes links use the error colour. The link will darken if it's active or a
-/// user hovers their cursor over it.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-error;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-error {
-  &:link,
-  &:visited {
-    color: $govuk-error-colour;
-  }
-
-  &:hover {
-    color: scale-color($govuk-error-colour, $lightness: -30%);
-  }
-
-  &:active {
-    color: $govuk-error-colour;
-  }
-
-  // When focussed, the text colour needs to be darker to ensure that colour
-  // contrast is still acceptable
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector
-  // designed to make unvisited link  s a slightly darker blue when focussed, so
-  // we need to override the text colour for that combination of selectors so
-  // so that unvisited links styled as buttons do not end up with dark blue
-  // text when focussed.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      color: $govuk-focus-text-colour;
-    }
-  }
-}
-
-/// Success link styles
-///
-/// Makes links use the success colour. The link will darken if it's active or a
-/// user hovers their cursor over it.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-success;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-success {
-  &:link,
-  &:visited {
-    color: $govuk-success-colour;
-  }
-
-  &:hover {
-    color: scale-color($govuk-success-colour, $lightness: -30%);
-  }
-
-  &:active {
-    color: $govuk-success-colour;
-  }
-
-  // When focussed, the text colour needs to be darker to ensure that colour
-  // contrast is still acceptable
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector
-  // designed to make unvisited link  s a slightly darker blue when focussed, so
-  // we need to override the text colour for that combination of selectors so
-  // so that unvisited links styled as buttons do not end up with dark blue
-  // text when focussed.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      color: $govuk-focus-text-colour;
-    }
-  }
-}
-
-/// Muted link styles
-///
-/// Makes links use the secondary text colour. The link will darken if it's
-/// active or a user hovers their cursor over it.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-muted;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-muted {
-  &:link,
-  &:visited {
-    color: $govuk-secondary-text-colour;
-  }
-
-  &:hover,
-  &:active {
-    color: $govuk-text-colour;
-  }
-
-  // When focussed, the text colour needs to be darker to ensure that colour
-  // contrast is still acceptable
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector designed
-  // to make unvisited links a slightly darker blue when focussed, so we need to
-  // override the text colour for that combination of selectors.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      @include govuk-text-colour;
-    }
-  }
-}
-
-/// Text link styles
-///
-/// Makes links use the primary text colour, in all states. Use this mixin for
-/// navigation components, such as breadcrumbs or the back link.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-text;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-text {
-  &:link,
-  &:visited {
-    @include govuk-text-colour;
-  }
-
-  // Force a colour change on hover to work around a bug in Safari
-  // https://bugs.webkit.org/show_bug.cgi?id=224483
-  &:hover {
-    color: rgba($govuk-text-colour, .99);
-  }
-
-  &:active,
-  &:focus {
-    @include govuk-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector designed
-  // to make unvisited links a slightly darker blue when focussed, so we need to
-  // override the text colour for that combination of selectors.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      @include govuk-text-colour;
-    }
-  }
-}
-
-/// Inverse link styles
-///
-/// Makes links white, in all states. Use this mixin if you're displaying links
-/// against a dark background.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-inverse;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-inverse {
-  &:link,
-  &:visited {
-    color: govuk-colour("white");
-  }
-
-  // Force a colour change on hover to work around a bug in Safari
-  // https://bugs.webkit.org/show_bug.cgi?id=224483
-  &:hover,
-  &:active {
-    color: rgba(govuk-colour("white"), .99);
-  }
-
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-
-  // alphagov/govuk_template includes a specific a:link:focus selector designed
-  // to make unvisited links a slightly darker blue when focussed, so we need to
-  // override the text colour for that combination of selectors.
-  @include govuk-compatibility(govuk_template) {
-    &:link:focus {
-      color: $govuk-focus-text-colour;
-    }
-  }
-}
-
-/// Default link styles, without a visited state
-///
-/// Makes links use the default unvisited, hover and active colours, with no
-/// distinct visited state.
-///
-/// Use this mixin when it's not helpful to distinguish between visited and
-/// non-visited links. For example, when you link to pages with
-/// frequently-changing content, such as the dashboard for an admin interface.
-///
-/// If you use this mixin in a component, you must also include the
-/// `govuk-link-common` mixin to get the correct focus and hover states.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-no-visited-state;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-no-visited-state {
-  &:link {
-    color: $govuk-link-colour;
-  }
-
-  &:visited {
-    color: $govuk-link-colour;
-  }
-
-  &:hover {
-    color: $govuk-link-hover-colour;
-  }
-
-  &:active {
-    color: $govuk-link-active-colour;
-  }
-
-  // When focussed, the text colour needs to be darker to ensure that colour
-  // contrast is still acceptable
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-}
-
-/// Remove underline from links
-///
-/// Remove underlines from links unless the link is active or a user hovers
-/// their cursor over it. This has no effect in Internet Explorer 8 (IE8),
-/// because IE8 does not support `:not`.
-///
-/// @example scss
-///   .govuk-component__link {
-///     @include govuk-link-common;
-///     @include govuk-link-style-default;
-///     @include govuk-link-style-no-underline;
-///   }
-///
-/// @access public
-
-@mixin govuk-link-style-no-underline {
-  &:not(:hover):not(:active) {
-    text-decoration: none;
-  }
-}
-
-/// Include link destination when printing the page
-///
-/// If the user prints the page, add the destination URL after the link text, if
-/// the URL starts with `/`, `http://` or `https://`.
-///
-/// @access public
-
-@mixin govuk-link-print-friendly {
-  @include govuk-media-query($media-type: print) {
-    &[href^="/"],
-    &[href^="http://"],
-    &[href^="https://"] {
-      &:after {
-        content: " (" attr(href) ")";
-        font-size: 90%;
-
-        // Because the URLs may be very long, ensure that they may be broken
-        // at arbitrary points if there are no otherwise acceptable break
-        // points in the line
-        word-wrap: break-word;
-      }
-    }
-  }
-}

data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss

@@ -1,91 +0,0 @@
-////
-/// @group helpers/layout
-////
-
-// =========================================================
-// Wrangle sass-mq config...
-// =========================================================
-
-// Pass our breakpoints and static breakpoint definitions through to sass-mq.
-$mq-breakpoints: if(variable-exists(govuk-breakpoints), $govuk-breakpoints, ());
-$mq-static-breakpoint: if(variable-exists(govuk-ie8-breakpoint), $govuk-ie8-breakpoint, desktop);
-
-$mq-show-breakpoints: ();
-
-@if (variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints) {
-  $mq-show-breakpoints: map-keys($govuk-breakpoints);
-}
-
-// When building a stylesheet for IE8, set $mq-responsive to false in order to
-// 'rasterize' any media queries.
-
-$mq-responsive: true;
-@if (variable-exists(govuk-is-ie8) and $govuk-is-ie8) {
-  $mq-responsive: false;
-}
-
-// This is a horrible, horrible hack to prevent the 'dev mode' CSS to display
-// the current breakpoint from being included multiple times.
-//
-// We can't use the `exports` mixin for this because import directives cannot be
-// used within control directives 😠
-$sass-mq-already-included: false !default;
-
-@if $sass-mq-already-included {
-  $mq-show-breakpoints: ();
-}
-
-@import "../vendor/sass-mq";
-
-$sass-mq-already-included: true;
-
-// =========================================================
-// Helpers
-// =========================================================
-
-/// Media Query
-///
-/// This is a currently a wrapper for sass-mq - abstracted so that we can
-/// replace it in the future if we so choose.
-///
-/// @param {String | Boolean} $from [false] - One of $govuk-breakpoints
-/// @param {String | Boolean} $until [false] - One of $govuk-breakpoints
-/// @param {String | Boolean} $and [false] - Additional media query parameters
-/// @param {String} $media-type [all] - Media type: screen, print…
-///
-/// @ignore Undocumented mq API, for advanced use only:
-/// @ignore @param {Map} $breakpoints [$govuk-breakpoints]
-/// @ignore @param {String} $static-breakpoint [$govuk-ie8-breakpoint]
-/// @ignore @param {Boolean} $responsive [$govuk-is-ie8]
-///
-/// @content styling rules, wrapped into a @media query when $responsive is true
-///
-/// @example scss
-///  .element {
-///    @include govuk-media-query($from: mobile) {
-///      color: red;
-///    }
-///    @include govuk-media-query($until: tablet) {
-///      color: blue;
-///    }
-///    @include govuk-media-query(mobile, tablet) {
-///      color: green;
-///    }
-///    @include govuk-media-query($from: tablet, $and: '(orientation: landscape)') {
-///      color: teal;
-///    }
-///    @include govuk-media-query(950px) {
-///      color: hotpink;
-///    }
-///    @include govuk-media-query(tablet, $media-type: screen) {
-///      color: hotpink;
-///    }
-///  }
-///
-/// @access public
-
-@mixin govuk-media-query($args...) {
-  @include mq($args...) {
-    @content;
-  }
-}

data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss

@@ -1,80 +0,0 @@
-////
-/// @group helpers/shapes
-////
-
-/// Calculate the height of an equilateral triangle
-///
-/// Multiplying half the length of the base of an equilateral triangle by the
-/// square root of three gives us its height. We use 1.732 as an approximation.
-///
-/// @param {Number} $base - Length of the base of the triangle
-/// @return {Number} Calculated height of the triangle
-/// @access private
-
-@function _govuk-equilateral-height($base) {
-  $square-root-of-three: 1.732;
-
-  @return ($base / 2) * $square-root-of-three;
-}
-
-/// Arrow mixin
-///
-/// Generate Arrows (triangles) by using a mix of transparent (1) and coloured
-/// borders. The coloured borders inherit the text colour of the element (2).
-///
-/// Ensure the arrow is rendered correctly if browser colours are overridden by
-/// providing a clip path (3). Without this the transparent borders are
-/// overridden to become visible which results in a square.
-///
-/// We need both because older browsers do not support clip-path.
-///
-/// @param {String} $direction - Direction for arrow: up, right, down, left.
-/// @param {Number} $base - Length of the triangle 'base' side
-/// @param {Number} $height [null] - Height of triangle. Omit for equilateral.
-/// @param {String} $display [block] - CSS display property of the arrow
-///
-/// @access public
-
-@mixin govuk-shape-arrow($direction, $base, $height: null, $display: block) {
-  display: $display;
-
-  width: 0;
-  height: 0;
-
-  border-style: solid;
-  border-color: transparent; // 1
-
-  $perpendicular: $base / 2;
-
-  @if ($height == null) {
-    $height: _govuk-equilateral-height($base);
-  }
-
-  @if $direction == "up" {
-    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-            clip-path: polygon(50% 0%, 0% 100%, 100% 100%); // 3
-
-    border-width: 0 $perpendicular $height $perpendicular;
-    border-bottom-color: inherit; // 2
-  } @else if $direction == "right" {
-    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
-            clip-path: polygon(0% 0%, 100% 50%, 0% 100%); // 3
-
-    border-width: $perpendicular 0 $perpendicular $height;
-    border-left-color: inherit; // 2
-  } @else if $direction == "down" {
-    -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
-            clip-path: polygon(0% 0%, 50% 100%, 100% 0%); // 3
-
-    border-width: $height $perpendicular 0 $perpendicular;
-    border-top-color: inherit; // 2
-  } @else if $direction == "left" {
-    -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 0%);
-            clip-path: polygon(0% 50%, 100% 100%, 100% 0%); // 3
-
-    border-width: $perpendicular $height $perpendicular 0;
-    border-right-color: inherit; // 2
-  } @else {
-    @error "Invalid arrow direction: expected `up`, `right`, `down` or `left`, got `#{$direction}`";
-  }
-}