govuk_fe_assets 0.1.0.pre.alpha

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

@@ -0,0 +1,56 @@
+@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/core/_template.scss

@@ -0,0 +1,16 @@
+@import "../settings/all";
+
+@include govuk-exports("govuk/core/template") {
+  // Set the overall page background color to the same colour
+  // as used by the footer to give the illusion of a long footer.
+  .govuk-template {
+    background-color: $govuk-canvas-background-colour;
+  }
+
+  .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/core/_typography.scss

@@ -0,0 +1,186 @@
+@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/helpers/_all.scss

@@ -0,0 +1,12 @@
+@import "clearfix";
+@import "colour";
+@import "device-pixels";
+@import "focusable";
+@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/helpers/_clearfix.scss

@@ -0,0 +1,15 @@
+////
+/// @group helpers
+////
+
+/// 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/helpers/_colour.scss

@@ -0,0 +1,51 @@
+@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`)
+/// @return {Colour} Representation of named colour
+/// @throw if `$colour` is not a colour from the colour palette
+/// @access public
+
+@function govuk-colour($colour) {
+  $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, don't 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);
+  }
+}

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

@@ -0,0 +1,38 @@
+////
+/// @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) {
+  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+    only screen and (min--moz-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) {
+      @content;
+    }
+}

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

@@ -0,0 +1,34 @@
+////
+/// @group helpers
+////
+
+/// Focusable helper
+///
+/// Provides an additional outline to clearly indicate when the target element is
+/// focussed. Used for interactive elements which themselves have some background
+/// or border, such as most form elements.
+///
+/// @access public
+
+@mixin govuk-focusable {
+  &:focus {
+    outline: $govuk-focus-width solid $govuk-focus-colour;
+    outline-offset: 0;
+  }
+}
+
+/// Focusable with fill helper
+///
+/// Provides an additional outline and background colour to clearly indicate when
+/// the target element is focussed. Used for interactive text-based elements such
+/// as links.
+///
+/// @access public
+
+@mixin govuk-focusable-fill {
+  &:focus {
+    outline: $govuk-focus-width solid $govuk-focus-colour;
+    outline-offset: 0;
+    background-color: $govuk-focus-colour;
+  }
+}

data/node_modules/govuk-frontend/helpers/_font-faces.scss

@@ -0,0 +1,67 @@
+////
+/// @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 - NTA
+///
+/// Outputs the font-face declaration for NTA at the root of the CSS document
+/// the first time it is called.
+///
+/// @access private
+
+@mixin _govuk-font-face-nta {
+  @include govuk-exports("govuk/helpers/font-face") {
+    @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. */
+
+      @font-face {
+        font-family: "nta";
+        src: govuk-font-url("light-2c037cf7e1-v1.eot");
+        src: govuk-font-url("light-2c037cf7e1-v1.eot?#iefix") format("embedded-opentype"),
+             govuk-font-url("light-f38ad40456-v1.woff2") format("woff2"),
+             govuk-font-url("light-458f8ea81c-v1.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: fallback;
+      }
+
+      @font-face {
+        font-family: "nta";
+        src: govuk-font-url("bold-fb2676462a-v1.eot");
+        src: govuk-font-url("bold-fb2676462a-v1.eot?#iefix") format("embedded-opentype"),
+             govuk-font-url("bold-a2452cb66f-v1.woff2") format("woff2"),
+             govuk-font-url("bold-f38c792ac2-v1.woff") format("woff");
+        font-weight: bold;
+        font-style: normal;
+        font-display: fallback;
+      }
+
+      @font-face {
+        font-family: "ntatabularnumbers";
+        src: govuk-font-url("light-tabular-498ea8ffe2-v1.eot");
+        src: govuk-font-url("light-tabular-498ea8ffe2-v1.eot?#iefix") format("embedded-opentype"),
+             govuk-font-url("light-tabular-851b10ccdd-v1.woff2") format("woff2"),
+             govuk-font-url("light-tabular-62cc6f0a28-v1.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: fallback;
+      }
+
+      @font-face {
+        font-family: "ntatabularnumbers";
+        src: govuk-font-url("bold-tabular-357fdfbcc3-v1.eot");
+        src: govuk-font-url("bold-tabular-357fdfbcc3-v1.eot?#iefix") format("embedded-opentype"),
+             govuk-font-url("bold-tabular-b89238d840-v1.woff2") format("woff2"),
+             govuk-font-url("bold-tabular-784c21afb8-v1.woff") format("woff");
+        font-weight: bold;
+        font-style: normal;
+        font-display: fallback;
+      }
+    }
+  }
+}