dxw_govuk_frontend_rails 3.5.0 → 3.10.2

data/vendor/assets/stylesheets/components/textarea/_textarea.scss

@@ -1,55 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@import "../error-message/error-message";
-@import "../hint/hint";
-@import "../label/label";
-
-@include govuk-exports("govuk/component/textarea") {
-  .govuk-textarea {
-    @include govuk-font($size: 19, $line-height: 1.25);
-
-    box-sizing: border-box; // should this be global?
-    display: block;
-    width: 100%;
-    min-height: 40px;
-    @include govuk-responsive-margin(6, "bottom");
-    padding: govuk-spacing(1);
-
-    resize: vertical;
-
-    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
-    border-radius: 0;
-
-    -webkit-appearance: none;
-
-    &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      // Ensure outline appears outside of the element
-      outline-offset: 0;
-      // Double the border by adding its width again. Use `box-shadow` to do
-      // this instead of changing `border-width` (which changes element size) and
-      // since `outline` is already used for the yellow focus state.
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
-
-      @include govuk-if-ie8 {
-        // IE8 doesn't support `box-shadow` so double the border with
-        // `border-width`.
-        border-width: $govuk-border-width-form-element * 2;
-      }
-    }
-  }
-
-  .govuk-textarea--error {
-    border: $govuk-border-width-form-element-error solid $govuk-error-colour;
-
-    &:focus {
-      border-color: $govuk-input-border-colour;
-      // Remove `box-shadow` inherited from `:focus` as `textarea--error`
-      // already has the thicker border.
-      box-shadow: none;
-    }
-
-  }
-}
+@import "../../base";
+@import "./index";

data/vendor/assets/stylesheets/components/warning-text/_index.scss

@@ -0,0 +1,57 @@
+@include govuk-exports("govuk/component/warning-text") {
+  .govuk-warning-text {
+    position: relative;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(2) 0;
+  }
+
+  .govuk-warning-text__assistive {
+    @include govuk-visually-hidden;
+  }
+
+  .govuk-warning-text__icon {
+    @include govuk-font($size: false, $weight: bold);
+
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    position: absolute;
+    left: 0;
+
+    min-width: 35px;
+    min-height: 35px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
+
+    // When a user customises their colours the background colour will often be removed.
+    // Adding a border to the component keeps it's shape as a circle.
+    border: 3px solid govuk-colour("black");
+    border-radius: 50%;
+
+    color: govuk-colour("white");
+    background: govuk-colour("black");
+
+    font-size: 30px;
+    line-height: 29px;
+
+    text-align: center;
+
+    // Prevent the exclamation mark from being included when the warning text
+    // is copied, for example.
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+  }
+
+  .govuk-warning-text__text {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    display: block;
+    padding-left: 45px;
+  }
+}

data/vendor/assets/stylesheets/components/warning-text/_warning-text.scss

@@ -1,60 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/warning-text") {
-
-  .govuk-warning-text {
-    position: relative;
-    @include govuk-responsive-margin(6, "bottom");
-    padding: govuk-spacing(2) 0;
-  }
-
-  .govuk-warning-text__assistive {
-    @include govuk-visually-hidden;
-  }
-
-  .govuk-warning-text__icon {
-    @include govuk-font($size: false, $weight: bold);
-
-    display: inline-block;
-
-    position: absolute;
-    left: 0;
-
-    min-width: 29px;
-    min-height: 29px;
-    margin-top: -7px;
-
-    @include govuk-media-query($from: tablet) {
-      margin-top: -5px;
-    }
-
-    // When a user customises their colours the background colour will often be removed.
-    // Adding a border to the component keeps it's shape as a circle.
-    border: 3px solid govuk-colour("black");
-    border-radius: 50%;
-
-    color: govuk-colour("white");
-    background: govuk-colour("black");
-
-    font-size: 30px;
-    line-height: 29px;
-
-    text-align: center;
-
-    // Prevent the exclamation mark from being included when the warning text
-    // is copied, for example.
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-  }
-
-  .govuk-warning-text__text {
-    @include govuk-font($size: 19, $weight: bold);
-    @include govuk-text-colour;
-    display: block;
-    padding-left: 45px;
-  }
-}
+@import "../../base";
+@import "./index";

data/vendor/assets/stylesheets/core/_global-styles.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @import "links";
 @import "typography";

data/vendor/assets/stylesheets/core/_links.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/core/links") {
 

data/vendor/assets/stylesheets/core/_lists.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/core/lists") {
 
@@ -48,6 +50,14 @@
     }
   }
 
+  %govuk-list--spaced > li {
+    margin-bottom: govuk-spacing(2);
+
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
   .govuk-list--bullet {
     @extend %govuk-list--bullet;
   }
@@ -55,4 +65,8 @@
   .govuk-list--number {
     @extend %govuk-list--number;
   }
+
+  .govuk-list--spaced {
+    @extend %govuk-list--spaced;
+  }
 }

data/vendor/assets/stylesheets/core/_section-break.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/core/section-break") {
 

data/vendor/assets/stylesheets/core/_template.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/core/template") {
 

data/vendor/assets/stylesheets/core/_typography.scss

@@ -1,6 +1,8 @@
-@import "../settings/all";
-@import "../tools/all";
-@import "../helpers/all";
+@if not mixin-exists("govuk-exports") {
+  @warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
+}
+
+@import "../base";
 
 @include govuk-exports("govuk/core/typography") {
 

data/vendor/assets/stylesheets/helpers/_clearfix.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/layout
 ////
 
 /// Clear floated content within a container using a pseudo element

data/vendor/assets/stylesheets/helpers/_colour.scss

@@ -52,7 +52,7 @@
 ///   colour will be returned which meets contrast requirements . If you want to
 ///   use the non-websafe version you can set this to `false` but your should
 ///   ensure that you still meets contrast requirements for accessibility - for
-///   example, don't use the non-websafe version for text.
+///   example, do not use the non-websafe version for text.
 ///
 /// @return {Colour} Representation of colour for organisation
 /// @throw if `$organisation` is not a known organisation

data/vendor/assets/stylesheets/helpers/_device-pixels.scss

@@ -28,10 +28,10 @@
 /// @access public
 
 @mixin govuk-device-pixel-ratio($ratio: 2) {
+  // stylelint-disable indentation
   @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
-    only screen and (     min-device-pixel-ratio: $ratio),
-    only screen and (             min-resolution: #{($ratio*96)}dpi),
-    only screen and (             min-resolution: #{$ratio}dppx) {
+    only screen and (min-resolution: #{($ratio * 96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
       @content;
     }
 }

data/vendor/assets/stylesheets/helpers/_focused.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/accessibility
 ////
 
 /// Focused text

data/vendor/assets/stylesheets/helpers/_font-faces.scss

@@ -2,9 +2,6 @@
 /// @group helpers
 ////
 
-// Disables linting for this file only
-// sass-lint:disable no-css-comments, no-duplicate-properties, property-sort-order, indentation
-
 @import "../tools/exports";
 
 /// Font Face - GDS Transport
@@ -18,23 +15,24 @@
   @include govuk-not-ie8 { // In IE8, which cannot render WOFF format, we fall back to system fonts
     @include govuk-exports("govuk/helpers/font-faces") {
       @at-root {
-        /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */
-
+        /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
         @font-face {
           font-family: "GDS Transport";
-          src: govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
-               govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
-          font-weight: normal;
           font-style: normal;
+          font-weight: normal;
+          src:
+            govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
+            govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
           font-display: fallback;
         }
 
         @font-face {
           font-family: "GDS Transport";
-          src: govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
-               govuk-font-url("bold-affa96571d-v2.woff") format("woff");
-          font-weight: bold;
           font-style: normal;
+          font-weight: bold;
+          src:
+            govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
+            govuk-font-url("bold-affa96571d-v2.woff") format("woff");
           font-display: fallback;
         }
       }

data/vendor/assets/stylesheets/helpers/_grid.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/layout
 ////
 
 /// Grid width percentage
@@ -44,6 +44,7 @@
 /// @example scss - Customising the float direction
 ///   .govuk-grid-column-one-half-right {
 ///     @include govuk-grid-column(two-thirds, $float: right);
+///   }
 ///
 /// @access public
 

data/vendor/assets/stylesheets/helpers/_links.scss

@@ -1,5 +1,5 @@
 ////
-/// @group helpers
+/// @group helpers/links
 ////
 
 /// Common link mixin
@@ -66,6 +66,100 @@
   }
 }
 
+/// Error link style mixin
+///
+/// Provides the error unvisited, visited, hover and active states for links.
+///
+/// If you use this mixin in a component you must also include the
+/// govuk-link-common mixin in order to get the focus state.
+///
+/// @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 style mixin
+///
+/// Provides the success unvisited, visited, hover and active states for links.
+///
+/// If you use this mixin in a component you must also include the
+/// govuk-link-common mixin in order to get the focus state.
+///
+/// @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 style link mixin
 ///
 /// Used for secondary links on a page - the link will appear in muted colours
@@ -142,7 +236,6 @@
   }
 }
 
-
 /// No visited state link mixin
 ///
 /// Used in cases where it is not helpful to distinguish between visited and
@@ -196,11 +289,10 @@
 
 @mixin govuk-link-print-friendly {
   @include govuk-media-query($media-type: print) {
-
     &[href^="/"],
     &[href^="http://"],
     &[href^="https://"] {
-      &::after {
+      &:after {
         content: " (" attr(href) ")";
         font-size: 90%;