dxw_govuk_frontend_rails 3.8.0 → 3.12.0

data/vendor/assets/stylesheets/components/radios/_index.scss

@@ -77,7 +77,7 @@
   }
 
   // ( ) Radio ring
-  .govuk-radios__label::before {
+  .govuk-radios__label:before {
     content: "";
     box-sizing: border-box;
     position: absolute;
@@ -96,7 +96,7 @@
   //
   // We create the 'button' entirely out of 'border' so that they remain
   // 'filled' even when colours are overridden in the browser.
-  .govuk-radios__label::after {
+  .govuk-radios__label:after {
     content: "";
 
     position: absolute;
@@ -119,13 +119,13 @@
   }
 
   // Focused state
-  .govuk-radios__input:focus + .govuk-radios__label::before {
+  .govuk-radios__input:focus + .govuk-radios__label:before {
     border-width: 4px;
     box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
   }
 
   // Selected state
-  .govuk-radios__input:checked + .govuk-radios__label::after {
+  .govuk-radios__input:checked + .govuk-radios__label:after {
     opacity: 1;
   }
 
@@ -260,7 +260,7 @@
     //
     // Reduce the size of the control [1], vertically centering it within the
     // touch target [2]
-    .govuk-radios__label::before {
+    .govuk-radios__label:before {
       top: $input-offset - $govuk-border-width-form-element; // 2
       width: $govuk-small-radios-size; // 1
       height: $govuk-small-radios-size; // 1
@@ -269,7 +269,7 @@
     //  •  Radio button
     //
     // Reduce the size of the 'button' and center it within the ring
-    .govuk-radios__label::after {
+    .govuk-radios__label:after {
       top: 15px;
       left: 7px;
       border-width: 5px;
@@ -308,7 +308,7 @@
     // is so much larger than their visible size, and so we need to provide
     // feedback to the user as to which radio they will select when their
     // cursor is outside of the visible area.
-    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
       box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
     }
 
@@ -317,10 +317,10 @@
     //
     // We use two box shadows, one that restores the original focus state [1]
     // and another that then applies the hover state [2].
-    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
-      // sass-lint:disable indentation
-      box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
-                  0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
+      box-shadow:
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width        $govuk-hover-colour; // 2
     }
 
     // For devices that explicitly don't support hover, don't provide a hover
@@ -330,11 +330,11 @@
     // state in browsers that don't support `@media (hover)` (like Internet
     // Explorer) – so we have to 'undo' the hover state instead.
     @media (hover: none), (pointer: coarse) {
-      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {
         box-shadow: initial;
       }
 
-      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {
         box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
       }
     }

data/vendor/assets/stylesheets/components/select/_index.scss

@@ -46,5 +46,4 @@
       border-color: $govuk-input-border-colour;
     }
   }
-
 }

data/vendor/assets/stylesheets/components/skip-link/_index.scss

@@ -2,6 +2,7 @@
   .govuk-skip-link {
     @include govuk-visually-hidden-focusable;
     @include govuk-typography-common;
+    @include govuk-link-decoration;
     @include govuk-link-style-text;
     @include govuk-typography-responsive($size: 16);
 
@@ -27,7 +28,6 @@
       // Undo unwanted changes when global styles are enabled
       @if ($govuk-global-styles) {
         box-shadow: none;
-        text-decoration: underline;
       }
     }
   }

data/vendor/assets/stylesheets/components/summary-list/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/summary-list") {
-
   .govuk-summary-list {
     @include govuk-font($size: 19);
     @include govuk-text-colour;
@@ -29,15 +28,8 @@
 
     @include govuk-media-query($from: tablet) {
       display: table-cell;
-      padding-right: govuk-spacing(4);
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value,
-  .govuk-summary-list__actions {
-    @include govuk-media-query($from: tablet) {
       padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
       padding-bottom: govuk-spacing(2);
       border-bottom: 1px solid $govuk-border-colour;
     }
@@ -99,7 +91,7 @@
 
   .govuk-summary-list__actions-list-item {
     display: inline;
-    margin-right:  govuk-spacing(2);
+    margin-right: govuk-spacing(2);
     padding-right: govuk-spacing(2);
   }
 

data/vendor/assets/stylesheets/components/table/_index.scss

@@ -47,4 +47,25 @@
     display: table-caption;
     text-align: left;
   }
+
+  // Modifiers that make captions look more like their equivalent headings
+
+  .govuk-table__caption--xl {
+    @include govuk-font($size: 48, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--l {
+    @include govuk-font($size: 36, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--m {
+    @include govuk-font($size: 24, $weight: bold);
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--s {
+    @include govuk-font($size: 19, $weight: bold);
+  }
 }

data/vendor/assets/stylesheets/components/tabs/_index.scss

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/tabs") {
-
   .govuk-tabs {
     @include govuk-responsive-margin(1, "top");
     @include govuk-responsive-margin(6, "bottom");
@@ -22,7 +21,7 @@
     @include govuk-font($size: 19);
     margin-left: govuk-spacing(5);
 
-    &::before {
+    &:before {
       @include govuk-text-colour;
       content: "\2014 "; // "— "
       margin-left: - govuk-spacing(5);
@@ -31,16 +30,11 @@
   }
 
   .govuk-tabs__tab {
+    @include govuk-link-common;
     @include govuk-link-style-default;
 
     display: inline-block;
     margin-bottom: govuk-spacing(2);
-
-    // Focus state for mobile and when JavaScript is disabled
-    // It is removed for JS-enabled desktop styles
-    &:focus {
-      @include govuk-focused-text;
-    }
   }
 
   .govuk-tabs__panel {
@@ -51,7 +45,6 @@
   .js-enabled {
 
     @include govuk-media-query($from: tablet) {
-
       .govuk-tabs__list {
         @include govuk-clearfix;
         margin-bottom: 0;
@@ -74,7 +67,7 @@
         background-color: govuk-colour("light-grey", $legacy: "grey-4");
         text-align: center;
 
-        &::before {
+        &:before {
           content: none;
         }
       }
@@ -108,7 +101,7 @@
 
         margin-bottom: 0;
 
-        &::after {
+        &:after {
           content: "";
           position: absolute;
           top: 0;
@@ -133,6 +126,5 @@
         display: none;
       }
     }
-
   }
 }

data/vendor/assets/stylesheets/components/tag/_index.scss

@@ -83,5 +83,4 @@
     color: govuk-shade(govuk-colour("green"), 20);
     background: govuk-tint(govuk-colour("green"), 80);
   }
-
 }

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

@@ -43,6 +43,5 @@
     &:focus {
       border-color: $govuk-input-border-colour;
     }
-
   }
 }

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

@@ -1,5 +1,4 @@
 @include govuk-exports("govuk/component/warning-text") {
-
   .govuk-warning-text {
     position: relative;
     @include govuk-responsive-margin(6, "bottom");
@@ -47,6 +46,16 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
+
+    // Improve rendering in Windows High Contrast Mode (Edge), where a
+    // readability backplate behind the exclamation mark obscures the circle
+    forced-color-adjust: none;
+
+    @media screen and (forced-colors: active) {
+      border-color: windowText;
+      color: windowText;
+      background: transparent;
+    }
   }
 
   .govuk-warning-text__text {

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

@@ -27,6 +27,14 @@
     @include govuk-link-style-text;
   }
 
+  .govuk-link--inverse {
+    @include govuk-link-style-inverse;
+  }
+
+  .govuk-link--no-underline {
+    @include govuk-link-style-no-underline;
+  }
+
   .govuk-link--no-visited-state {
     @include govuk-link-style-no-visited-state;
   }

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/_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;
         }
       }