RubyGems - defra_ruby_template - Versions diffs - 3.13.0 - Mend

defra_ruby_template 3.13.0

Files changed (479) hide show

data/node_modules/govuk-frontend/govuk/core/_section-break.scss ADDED Viewed

@@ -0,0 +1,62 @@
+@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") {
+  %govuk-section-break {
+    margin: 0;
+    border: 0;
+    // fix double-width section break and forced visible section break
+    // when combined with styles from alphagov/elements
+    @include govuk-compatibility(govuk_elements) {
+      height: 0;
+    }
+  }
+  .govuk-section-break {
+    @extend %govuk-section-break;
+  }
+  // Sizes
+  %govuk-section-break--xl {
+    @include govuk-responsive-margin(8, "top");
+    @include govuk-responsive-margin(8, "bottom");
+  }
+  .govuk-section-break--xl {
+    @extend %govuk-section-break--xl;
+  }
+  %govuk-section-break--l {
+    @include govuk-responsive-margin(6, "top");
+    @include govuk-responsive-margin(6, "bottom");
+  }
+  .govuk-section-break--l {
+    @extend %govuk-section-break--l;
+  }
+  %govuk-section-break--m {
+    @include govuk-responsive-margin(4, "top");
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-section-break--m {
+    @extend %govuk-section-break--m;
+  }
+  // Visible variant
+  %govuk-section-break--visible {
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+  .govuk-section-break--visible {
+    @extend %govuk-section-break--visible;
+  }
+}

data/node_modules/govuk-frontend/govuk/core/_template.scss ADDED Viewed

@@ -0,0 +1,36 @@
+@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") {
+  // Applied to the <html> element
+  .govuk-template {
+    // Set the overall page background colour to the same colour as used by the
+    // footer to give the illusion of a long footer.
+    background-color: $govuk-canvas-background-colour;
+    // Prevent automatic text sizing, as we already cater for small devices and
+    // would like the browser to stay on 100% text zoom by default.
+    -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+            text-size-adjust: 100%;
+    // Force the scrollbar to always display in IE, to prevent horizontal page
+    // jumps as content height changes (e.g. autocomplete results open).
+    @include govuk-media-query($media-type: screen) {
+      overflow-y: scroll;
+    }
+  }
+  // Applied to the <body> element
+  .govuk-template__body {
+    // The default margins set by user-agents are not required since we have our
+    // own containers.
+    margin: 0;
+    // Set the overall body of the page back to the typical background colour.
+    background-color: $govuk-body-background-colour;
+  }
+}

data/node_modules/govuk-frontend/govuk/core/_typography.scss ADDED Viewed

@@ -0,0 +1,192 @@
+@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") {
+  // Headings
+  %govuk-heading-xl {
+    @include govuk-text-colour;
+    @include govuk-font($size: 48, $weight: bold);
+    display: block;
+    margin-top: 0;
+    @include govuk-responsive-margin(8, "bottom");
+  }
+  .govuk-heading-xl {
+    @extend %govuk-heading-xl;
+  }
+  %govuk-heading-l {
+    @include govuk-text-colour;
+    @include govuk-font($size: 36, $weight: bold);
+    display: block;
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+  .govuk-heading-l {
+    @extend %govuk-heading-l;
+  }
+  %govuk-heading-m {
+    @include govuk-text-colour;
+    @include govuk-font($size: 24, $weight: bold);
+    display: block;
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-heading-m {
+    @extend %govuk-heading-m;
+  }
+  %govuk-heading-s {
+    @include govuk-text-colour;
+    @include govuk-font($size: 19, $weight: bold);
+    display: block;
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-heading-s {
+    @extend %govuk-heading-s;
+  }
+  // Captions to be used inside headings
+  .govuk-caption-xl {
+    @include govuk-font($size: 27);
+    display: block;
+    margin-bottom: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+  }
+  .govuk-caption-l {
+    @include govuk-font($size: 24);
+    display: block;
+    margin-bottom: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: 0;
+    }
+  }
+  .govuk-caption-m {
+    @include govuk-font($size: 19);
+    display: block;
+    color: $govuk-secondary-text-colour;
+  }
+  // Body (paragraphs)
+  %govuk-body-l {
+    @include govuk-text-colour;
+    @include govuk-font($size: 24);
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+  .govuk-body-l {
+    @extend %govuk-body-l;
+  }
+  %govuk-body-m {
+    @include govuk-text-colour;
+    @include govuk-font($size: 19);
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-body-m {
+    @extend %govuk-body-m;
+  }
+  %govuk-body-s {
+    @include govuk-text-colour;
+    @include govuk-font($size: 16);
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-body-s {
+    @extend %govuk-body-s;
+  }
+  %govuk-body-xs {
+    @include govuk-text-colour;
+    @include govuk-font($size: 14);
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+  .govuk-body-xs {
+    @extend %govuk-body-xs;
+  }
+  // Usage aliases
+  // Using extend to alias means we also inherit any contextual adjustments that
+  // refer to the 'original' class name
+  .govuk-body-lead {
+    @extend %govuk-body-l;
+  }
+  .govuk-body {
+    @extend %govuk-body-m;
+  }
+  // Contextual adjustments
+  // Add top padding to headings that appear directly after paragraphs.
+  %govuk-body-l  + %govuk-heading-l {
+    padding-top: govuk-spacing(1);
+    @include govuk-media-query($from: tablet) {
+      padding-top: govuk-spacing(2);
+    }
+  }
+  %govuk-body-m  + %govuk-heading-l,
+  %govuk-body-s  + %govuk-heading-l,
+  %govuk-list + %govuk-heading-l {
+    @include govuk-responsive-padding(4, "top");
+  }
+  %govuk-body-m + %govuk-heading-m,
+  %govuk-body-s + %govuk-heading-m,
+  %govuk-list + %govuk-heading-m,
+  %govuk-body-m + %govuk-heading-s,
+  %govuk-body-s + %govuk-heading-s,
+  %govuk-list + %govuk-heading-s {
+    padding-top: govuk-spacing(1);
+    @include govuk-media-query($from: tablet) {
+      padding-top: govuk-spacing(2);
+    }
+  }
+}

data/node_modules/govuk-frontend/govuk/helpers/_all.scss ADDED Viewed

@@ -0,0 +1,12 @@
+@import "clearfix";
+@import "colour";
+@import "device-pixels";
+@import "focused";
+@import "font-faces";
+@import "grid";
+@import "links";
+@import "media-queries";
+@import "shape-arrow";
+@import "spacing";
+@import "typography";
+@import "visually-hidden";

data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss ADDED Viewed

@@ -0,0 +1,15 @@
+////
+/// @group helpers/layout
+////
+/// Clear floated content within a container using a pseudo element
+///
+/// @access public
+@mixin govuk-clearfix {
+  &:after {
+    content: "";
+    display: block;
+    clear: both;
+  }
+}

data/node_modules/govuk-frontend/govuk/helpers/_colour.scss ADDED Viewed

@@ -0,0 +1,95 @@
+@import "../settings/compatibility";
+@import "../settings/colours-palette";
+@import "../settings/colours-organisations";
+////
+/// @group helpers/colour
+////
+/// Get colour
+///
+/// @param {String} $colour - Name of colour from the colour palette
+///   (`$govuk-colours`)
+/// @param {String} $legacy - Either the name of colour from the legacy palette
+///   or a colour literal, to return instead when in 'legacy mode' - matching
+///   the palette from GOV.UK Template, Elements or Frontend Toolkit
+/// @return {Colour} Representation of named colour
+///
+/// @example scss - Using legacy colours from the palette
+///  .foo {
+///    background-colour: govuk-colour("mid-grey", $legacy: "grey-2");
+///  }
+///
+/// @example scss - Using legacy colour literals
+///  .foo {
+///    background-colour: govuk-colour("green", $legacy: #BADA55);
+///  }
+///
+/// @throw if `$colour` is not a colour from the colour palette
+/// @access public
+@function govuk-colour($colour, $legacy: false) {
+  @if ($govuk-use-legacy-palette and $legacy) {
+    @if (type-of($legacy) == "color") {
+      @return $legacy;
+    }
+    $colour: $legacy;
+  }
+  $colour: quote($colour);
+  @if not map-has-key($govuk-colours, $colour) {
+    @error "Unknown colour `#{$colour}`";
+  }
+  @return map-get($govuk-colours, $colour);
+}
+/// Get the colour for a government organisation
+///
+/// @param {String} $organisation - Organisation name, lowercase, hyphenated
+/// @param {Boolean} $websafe [true] - By default a 'websafe' version of the
+///   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, do not use the non-websafe version for text.
+///
+/// @return {Colour} Representation of colour for organisation
+/// @throw if `$organisation` is not a known organisation
+/// @access public
+@function govuk-organisation-colour($organisation, $websafe: true) {
+  @if not map-has-key($govuk-colours-organisations, $organisation) {
+    @error "Unknown organisation `#{$organisation}`";
+  }
+  $org-colour: map-get($govuk-colours-organisations, $organisation);
+  @if ($websafe and map-has-key($org-colour, colour-websafe)) {
+    @return map-get($org-colour, colour-websafe);
+  } @else {
+    @return map-get($org-colour, colour);
+  }
+}
+/// Make a colour darker by mixing it with black
+///
+/// @param {Colour} $colour - colour to shade
+/// @param {Number} $percentage - percentage of `$colour` in returned color
+/// @return {Colour}
+/// @access public
+@function govuk-shade($colour, $percentage) {
+  @return mix(#000000, $colour, $percentage);
+}
+/// Make a colour lighter by mixing it with white
+///
+/// @param {Colour} $colour - colour to tint
+/// @param {Number} $percentage - percentage of `$colour` in returned color
+/// @return {Colour}
+/// @access public
+@function govuk-tint($colour, $percentage) {
+  @return mix(govuk-colour("white"), $colour, $percentage);
+}

data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss ADDED Viewed

@@ -0,0 +1,37 @@
+////
+/// @group helpers
+////
+/// Media query for retina images (device-pixel-ratio)
+///
+/// @param {Number} $ratio [2] - Device pixel ratio
+/// @content Passed content will be outputted within the media query
+///
+/// @example scss - Providing a @2x image for screens that support it
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+/// @example scss - Using a custom ratio
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+///   @include govuk-device-pixel-ratio(3) {
+///     background-image: govuk-image-url("my-image-3x.png");
+///   }
+///
+/// @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-resolution: #{($ratio * 96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
+      @content;
+    }
+}