govuk_tech_docs 2.2.2 → 2.4.2

data/node_modules/govuk-frontend/govuk/components/select/_index.scss

@@ -0,0 +1,49 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/select") {
+  .govuk-select {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box; // should this be global?
+    max-width: 100%;
+    height: 40px;
+    @if $govuk-typography-use-rem {
+      height: govuk-px-to-rem(40px);
+    }
+    padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+
+    &: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-select option:active,
+  .govuk-select option:checked,
+  .govuk-select:focus::-ms-value {
+    color: govuk-colour("white");
+    background-color: govuk-colour("blue");
+  }
+
+  .govuk-select--error {
+    border: $govuk-border-width-form-element-error solid $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}

data/node_modules/govuk-frontend/govuk/components/select/_select.scss

@@ -1,57 +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/select") {
-  .govuk-select {
-    @include govuk-font($size: 19, $line-height: 1.25);
-
-    box-sizing: border-box; // should this be global?
-    max-width: 100%;
-    height: 40px;
-    @if $govuk-typography-use-rem {
-      height: govuk-px-to-rem(40px);
-    }
-    padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements
-    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
-
-    &: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-select option:active,
-  .govuk-select option:checked,
-  .govuk-select:focus::-ms-value {
-    color: govuk-colour("white");
-    background-color: govuk-colour("blue");
-  }
-
-  .govuk-select--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 `select--error`
-      // already has the thicker border.
-      box-shadow: none;
-    }
-  }
-
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss

@@ -0,0 +1,36 @@
+@include govuk-exports("govuk/component/skip-link") {
+  .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);
+
+    display: block;
+    padding: govuk-spacing(2) govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: unquote("max(calc(0px))")) {
+      $padding-safe-area-right: -webkit-calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: -webkit-calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+
+      // Use max() to pick largest padding, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline-offset: 0;
+      background-color: $govuk-focus-colour;
+
+      // Undo unwanted changes when global styles are enabled
+      @if ($govuk-global-styles) {
+        box-shadow: none;
+      }
+    }
+  }
+}

data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss

@@ -1,37 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/skip-link") {
-  .govuk-skip-link {
-    @include govuk-visually-hidden-focusable;
-    @include govuk-typography-common;
-    @include govuk-link-style-text;
-    @include govuk-typography-responsive($size: 16);
-
-    display: block;
-    padding: govuk-spacing(2) govuk-spacing(3);
-
-    // Respect 'display cutout' safe area (avoids notches and rounded corners)
-    @supports (padding: unquote("max(calc(0px))")) {
-      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
-      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
-
-      // Use max() to pick largest padding, default or with safe area
-      // Escaped due to Sass max() vs. CSS native max()
-      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
-      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
-    }
-
-    &:focus {
-      outline: $govuk-focus-width solid $govuk-focus-colour;
-      background-color: $govuk-focus-colour;
-
-      // Undo unwanted changes when global styles are enabled
-      @if ($govuk-global-styles) {
-        box-shadow: none;
-        text-decoration: underline;
-      }
-    }
-  }
-}
+@import "../../base";
+@import "./index";

data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss

@@ -0,0 +1,145 @@
+@include govuk-exports("govuk/component/summary-list") {
+  .govuk-summary-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-media-query($from: tablet) {
+      display: table;
+      width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
+    }
+    margin: 0; // Reset default user agent styles
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-summary-list__row {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+      border-bottom: 1px solid $govuk-border-colour;
+    }
+    @include govuk-media-query($from: tablet) {
+      display: table-row;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @include govuk-media-query($from: tablet) {
+      display: table-cell;
+      padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
+      padding-bottom: govuk-spacing(2);
+      border-bottom: 1px solid $govuk-border-colour;
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: govuk-spacing(3);
+    @include govuk-media-query($from: tablet) {
+      width: 20%;
+      padding-right: 0;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: govuk-spacing(1);
+    @include govuk-typography-weight-bold;
+    @include govuk-media-query($from: tablet) {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+    @include govuk-media-query($from: tablet) {
+      width: 50%;
+    }
+  }
+
+  // Expand width when value is last column (no action)
+  .govuk-summary-list__value:last-child {
+    @include govuk-media-query($from: tablet) {
+      width: 70%;
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item {
+    display: inline;
+    margin-right: govuk-spacing(2);
+    padding-right: govuk-spacing(2);
+  }
+
+  // In older browsers such as IE8, :last-child is not available,
+  // so only show the border divider where it is available.
+  .govuk-summary-list__actions-list-item:not(:last-child) {
+    border-right: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-list__actions-list-item:last-child {
+    margin-right: 0;
+    padding-right: 0;
+    border: 0;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    @include govuk-media-query($until: tablet) {
+      .govuk-summary-list__row {
+        border: 0;
+      }
+    }
+
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        // Remove 1px border, add 1px height back on
+        padding-bottom: govuk-spacing(2) + 1px;
+        border: 0;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    @include govuk-media-query($until: tablet) {
+      border: 0;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        // Remove 1px border, add 1px height back on
+        padding-bottom: govuk-spacing(2) + 1px;
+        border: 0;
+      }
+    }
+  }
+}

data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss

@@ -1,157 +1,2 @@
-@import "../../settings/all";
-@import "../../tools/all";
-@import "../../helpers/all";
-
-@include govuk-exports("govuk/component/summary-list") {
-
-  .govuk-summary-list {
-    @include govuk-font($size: 19);
-    @include govuk-text-colour;
-    @include govuk-media-query($from: tablet) {
-      display: table;
-      width: 100%;
-      table-layout: fixed; // Required to allow us to wrap words that overflow.
-    }
-    margin: 0; // Reset default user agent styles
-    @include govuk-responsive-margin(6, "bottom");
-  }
-
-  .govuk-summary-list__row {
-    @include govuk-media-query($until: tablet) {
-      margin-bottom: govuk-spacing(3);
-      border-bottom: 1px solid $govuk-border-colour;
-    }
-    @include govuk-media-query($from: tablet) {
-      display: table-row;
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value,
-  .govuk-summary-list__actions {
-    margin: 0; // Reset default user agent styles
-
-    @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-bottom: govuk-spacing(2);
-      border-bottom: 1px solid $govuk-border-colour;
-    }
-  }
-
-  .govuk-summary-list__actions {
-    margin-bottom: govuk-spacing(3);
-    @include govuk-media-query($from: tablet) {
-      width: 20%;
-      padding-right: 0;
-      text-align: right;
-    }
-  }
-
-  .govuk-summary-list__key,
-  .govuk-summary-list__value {
-    // Automatic wrapping for unbreakable text (e.g. URLs)
-    word-wrap: break-word; // Fallback for older browsers only
-    overflow-wrap: break-word;
-  }
-
-  .govuk-summary-list__key {
-    margin-bottom: govuk-spacing(1);
-    @include govuk-typography-weight-bold;
-    @include govuk-media-query($from: tablet) {
-      width: 30%;
-    }
-  }
-
-  .govuk-summary-list__value {
-    @include govuk-media-query($until: tablet) {
-      margin-bottom: govuk-spacing(3);
-    }
-    @include govuk-media-query($from: tablet) {
-      width: 50%;
-    }
-  }
-
-  // Expand width when value is last column (no action)
-  .govuk-summary-list__value:last-child {
-    @include govuk-media-query($from: tablet) {
-      width: 70%;
-    }
-  }
-
-  .govuk-summary-list__value > p {
-    margin-bottom: govuk-spacing(2);
-  }
-
-  .govuk-summary-list__value > :last-child {
-    margin-bottom: 0;
-  }
-
-  .govuk-summary-list__actions-list {
-    width: 100%;
-    margin: 0; // Reset default user agent styles
-    padding: 0; // Reset default user agent styles
-  }
-
-  .govuk-summary-list__actions-list-item {
-    display: inline;
-    margin-right:  govuk-spacing(2);
-    padding-right: govuk-spacing(2);
-  }
-
-  // In older browsers such as IE8, :last-child is not available,
-  // so only show the border divider where it is available.
-  .govuk-summary-list__actions-list-item:not(:last-child) {
-    border-right: 1px solid $govuk-border-colour;
-  }
-
-  .govuk-summary-list__actions-list-item:last-child {
-    margin-right: 0;
-    padding-right: 0;
-    border: 0;
-  }
-
-  // No border on entire summary list
-  .govuk-summary-list--no-border {
-    @include govuk-media-query($until: tablet) {
-      .govuk-summary-list__row {
-        border: 0;
-      }
-    }
-
-    @include govuk-media-query($from: tablet) {
-      .govuk-summary-list__key,
-      .govuk-summary-list__value,
-      .govuk-summary-list__actions {
-        // Remove 1px border, add 1px height back on
-        padding-bottom: govuk-spacing(2) + 1px;
-        border: 0;
-      }
-    }
-  }
-
-  // No border on specific rows
-  .govuk-summary-list__row--no-border {
-    @include govuk-media-query($until: tablet) {
-      border: 0;
-    }
-
-    @include govuk-media-query($from: tablet) {
-      .govuk-summary-list__key,
-      .govuk-summary-list__value,
-      .govuk-summary-list__actions {
-        // Remove 1px border, add 1px height back on
-        padding-bottom: govuk-spacing(2) + 1px;
-        border: 0;
-      }
-    }
-  }
-}
+@import "../../base";
+@import "./index";