RubyGems - katalyst-govuk-formbuilder - Versions diffs - 1.3.2 → 1.4.0 - Mend

katalyst-govuk-formbuilder 1.3.2 → 1.4.0

Files changed (134) hide show

data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_template.scss ADDED Viewed

@@ -0,0 +1,32 @@
+@import "../base";
+@include govuk-exports("govuk/objects/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%;
+       -moz-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/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_width-container.scss ADDED Viewed

@@ -0,0 +1,84 @@
+@import "../base";
+////
+/// @group objects/layout
+////
+/// Width container mixin
+///
+/// Used to create page width and custom width container classes.
+///
+/// @param {String} $width [$govuk-page-width] - Width in pixels
+///
+/// @example scss - Creating a 1200px wide container class
+///  .app-width-container--wide {
+///    @include govuk-width-container(1200px);
+///  }
+///
+/// @access public
+@mixin govuk-width-container($width: $govuk-page-width) {
+  // By default, limit the width of the container to the page width
+  max-width: $width;
+  // On mobile, add half width gutters
+  margin-right: $govuk-gutter-half;
+  margin-left: $govuk-gutter-half;
+  // Respect 'display cutout' safe area (avoids notches and rounded corners)
+  @supports (margin: unquote("max(calc(0px))")) {
+    $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+    $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+    // Use max() to pick largest margin, default or with safe area
+    // Escaped due to Sass max() vs. CSS native max()
+    margin-right: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})");
+    margin-left: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})");
+  }
+  // On tablet, add full width gutters
+  @include govuk-media-query($from: tablet) {
+    margin-right: $govuk-gutter;
+    margin-left: $govuk-gutter;
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (margin: unquote("max(calc(0px))")) {
+      $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+      $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+      // Use max() to pick largest margin, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      margin-right: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-right})");
+      margin-left: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-left})");
+    }
+  }
+  // As soon as the viewport is greater than the width of the page plus the
+  // gutters, just centre the content instead of adding gutters.
+  @include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
+    margin-right: auto;
+    margin-left: auto;
+    // Since a safe area may have previously been set above,
+    // we need to duplicate this margin that centers the page.
+    @supports (margin: unquote("max(calc(0px))")) {
+      margin-right: auto;
+      margin-left: auto;
+    }
+  }
+  @include govuk-if-ie8 {
+    width: $width;
+    // Since media queries are not supported in IE8,
+    // we need to duplicate this margin that centers the page.
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+@include govuk-exports("govuk/objects/width-container") {
+  .govuk-width-container {
+    @include govuk-width-container;
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_all.scss ADDED Viewed

@@ -0,0 +1,5 @@
+@import "display";
+@import "spacing";
+@import "text-align";
+@import "typography";
+@import "width";

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_display.scss ADDED Viewed

@@ -0,0 +1,24 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/display") {
+  .govuk-\!-display-inline {
+    display: inline !important;
+  }
+  .govuk-\!-display-inline-block {
+    display: inline-block !important;
+  }
+  .govuk-\!-display-block {
+    display: block !important;
+  }
+  .govuk-\!-display-none {
+    display: none !important;
+  }
+  @include govuk-media-query($media-type: print) {
+    .govuk-\!-display-none-print {
+      display: none !important;
+    }
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_spacing.scss ADDED Viewed

@@ -0,0 +1,102 @@
+////
+/// @group overrides
+////
+// stylelint-disable declaration-no-important
+/// Directions for spacing
+///
+/// @type Map
+/// @access private
+$_spacing-directions: (
+  "top",
+  "right",
+  "bottom",
+  "left"
+) !default;
+/// Generate responsive spacing override classes
+///
+/// Generate spacing override classes for the given property (e.g. margin)
+/// for each point in the responsive spacing scale.
+///
+/// @param {String} $property - Property to add spacing to (e.g. 'margin')
+///
+/// @example css
+///  .govuk-\!-margin-4 {
+///    margin: 15px !important;
+///  }
+///
+///  @media (min-width: 40.0625em) {
+///    .govuk-\!-margin-4 {
+///      margin: 20px !important;
+///    }
+///  }
+///
+/// @access private
+@mixin _govuk-generate-responsive-spacing-overrides($property) {
+  // For each point in the spacing scale (defined in settings), create an
+  // override that affects all directions...
+  @each $scale-point, $scale-map in $govuk-spacing-responsive-scale {
+    .govuk-\!-#{$property}-#{$scale-point} {
+      @include _govuk-responsive-spacing($scale-point, $property, "all", true);
+    }
+    // ... and then an override for each individual direction
+    @each $direction in $_spacing-directions {
+      .govuk-\!-#{$property}-#{$direction}-#{$scale-point} {
+        @include _govuk-responsive-spacing($scale-point, $property, $direction, true);
+      }
+    }
+  }
+}
+/// Generate static spacing override classes
+///
+/// Generate spacing override classes for the given property (e.g. margin)
+/// for each point in the non-responsive spacing scale.
+///
+/// The classes in the format govuk-#{$property}-static-#{$spacing-point}
+/// and govuk-\!-#{$property}-#{$direction}-static-#{$spacing-point} are deprecated.
+/// For example: govuk-!-margin-static-2 or govuk-!-margin-top-static-2
+///
+/// Use classes in the format .govuk-\!-static-#{$property}-#{$spacing-point}
+/// and .govuk-\!-static-#{$property}-#{$direction}-#{$spacing-point} instead.
+/// For example: govuk-!-static-margin-2 or govuk-!-static-margin-top-2
+///
+/// @param {String} $property - Property to add spacing to (e.g. 'margin')
+///
+/// @example css
+///   .govuk-\!-static-margin-4 {
+///      margin: 20px !important;
+///   }
+///
+/// @access private
+@mixin _govuk-generate-static-spacing-overrides($property) {
+  @each $spacing-point in map-keys($govuk-spacing-points) {
+    .govuk-\!-#{$property}-static-#{$spacing-point},
+    .govuk-\!-static-#{$property}-#{$spacing-point} {
+      #{$property}: govuk-spacing($spacing-point) !important;
+    }
+    @each $direction in $_spacing-directions {
+      .govuk-\!-#{$property}-#{$direction}-static-#{$spacing-point},
+      .govuk-\!-static-#{$property}-#{$direction}-#{$spacing-point} {
+        #{$property}-#{$direction}: govuk-spacing($spacing-point) !important;
+      }
+    }
+  }
+}
+@include govuk-exports("govuk/overrides/spacing") {
+  @include _govuk-generate-responsive-spacing-overrides("margin");
+  @include _govuk-generate-responsive-spacing-overrides("padding");
+  @include _govuk-generate-static-spacing-overrides("margin");
+  @include _govuk-generate-static-spacing-overrides("padding");
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_text-align.scss ADDED Viewed

@@ -0,0 +1,14 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/text-align") {
+  .govuk-\!-text-align-left {
+    text-align: left !important;
+  }
+  .govuk-\!-text-align-centre {
+    text-align: center !important;
+  }
+  .govuk-\!-text-align-right {
+    text-align: right !important;
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_typography.scss ADDED Viewed

@@ -0,0 +1,21 @@
+@include govuk-exports("govuk/overrides/typography") {
+  // Font size and line height
+  // Generate typography override classes for each responsive font map in the
+  // typography scale eg .govuk-\!-font-size-80
+  @each $size in map-keys($govuk-typography-scale) {
+    .govuk-\!-font-size-#{$size} {
+      @include govuk-typography-responsive($size, $important: true);
+    }
+  }
+  // Weights
+  .govuk-\!-font-weight-regular {
+    @include govuk-typography-weight-regular($important: true);
+  }
+  .govuk-\!-font-weight-bold {
+    @include govuk-typography-weight-bold($important: true);
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_width.scss ADDED Viewed

@@ -0,0 +1,46 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/width") {
+  .govuk-\!-width-full {
+    width: 100% !important;
+  }
+  .govuk-\!-width-three-quarters {
+    width: 100% !important;
+    @include govuk-media-query($from: tablet) {
+      width: 75% !important;
+    }
+  }
+  .govuk-\!-width-two-thirds {
+    width: 100% !important;
+    @include govuk-media-query($from: tablet) {
+      width: 66.66% !important;
+    }
+  }
+  .govuk-\!-width-one-half {
+    width: 100% !important;
+    @include govuk-media-query($from: tablet) {
+      width: 50% !important;
+    }
+  }
+  .govuk-\!-width-one-third {
+    width: 100% !important;
+    @include govuk-media-query($from: tablet) {
+      width: 33.33% !important;
+    }
+  }
+  .govuk-\!-width-one-quarter {
+    width: 100% !important;
+    @include govuk-media-query($from: tablet) {
+      width: 25% !important;
+    }
+  }
+}

data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_all.scss ADDED Viewed

@@ -0,0 +1,24 @@
+// The order we import settings in is important, as some settings files rely on
+// others
+@import "assets";
+@import "warnings";
+@import "compatibility";
+@import "global-styles";
+@import "ie8";
+@import "media-queries";
+@import "colours-palette";
+@import "colours-organisations";
+@import "colours-applied";
+@import "spacing";
+@import "measurements";
+@import "typography-font-families";
+@import "typography-font";
+@import "typography-responsive";
+@import "links";

data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_assets.scss ADDED Viewed

@@ -0,0 +1,82 @@
+////
+/// @group settings/assets
+////
+/// Path to the assets directory, with trailing slash.
+///
+/// This is the directory where the images and fonts subdirectories live. You
+/// will need to make this directory available via your application – see the
+/// README for details.
+///
+/// @type String
+/// @access public
+$govuk-assets-path: "/assets/" !default;
+/// Path to the images folder, with trailing slash.
+///
+/// @type String
+/// @access public
+$govuk-images-path: "#{$govuk-assets-path}images/" !default;
+/// Path to the fonts folder, with trailing slash.
+///
+/// @type String
+/// @access public
+$govuk-fonts-path: "#{$govuk-assets-path}fonts/" !default;
+/// Custom image URL function
+///
+/// If the built-in image URL helper does not meet your needs, you can specify
+/// the name of a custom handler – either built in or by writing your own
+/// function.
+///
+/// If you are writing your own handler, ensure that it returns a string wrapped
+/// with `url()`
+///
+/// @type String
+///
+/// @example scss - Rails asset handling
+///   $govuk-image-url-function: 'image-url';
+///
+/// @example scss - Custom asset handling
+///
+///   @function my-url-handler($filename) {
+///     // Some custom URL handling
+///     @return url('example.jpg');
+///   }
+///
+///   $govuk-image-url-function: 'my-url-handler';
+///
+/// @access public
+$govuk-image-url-function: false !default;
+/// Custom font URL function
+///
+/// If the built-in font URL helper does not meet your needs, you can specify
+/// the name of a custom handler – either built in or by writing your own
+/// function.
+///
+/// If you are writing your own handler, ensure that it returns a string wrapped
+/// with `url()`
+///
+/// @type String
+///
+/// @example scss - Rails asset handling
+///   $govuk-font-url-function: 'font-url';
+///
+/// @example scss - Custom asset handling
+///
+///   @function my-url-handler($filename) {
+///     // Some custom URL handling
+///     @return url('example.woff');
+///   }
+///
+///   $govuk-font-url-function: 'my-url-handler';
+///
+/// @access public
+$govuk-font-url-function: false !default;

data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-applied.scss ADDED Viewed

@@ -0,0 +1,155 @@
+////
+/// @group settings/colours
+////
+@import "../helpers/colour";
+// =========================================================
+// Generic
+// =========================================================
+/// Brand colour
+///
+/// @type Colour
+/// @access public
+$govuk-brand-colour: govuk-colour("blue") !default;
+/// Text colour
+///
+/// @type Colour
+/// @access public
+$govuk-text-colour: govuk-colour("black") !default;
+/// Canvas background colour
+///
+/// Used by the footer component and template to give the illusion of a long
+/// footer.
+///
+/// @type Colour
+/// @access public
+$govuk-canvas-background-colour: govuk-colour("light-grey", $legacy: "grey-3") !default;
+/// Body background colour
+///
+/// @type Colour
+/// @access public
+$govuk-body-background-colour: govuk-colour("white") !default;
+/// Text colour for print media
+///
+/// Use 'true black' to avoid printers using colour ink to print body text
+///
+/// @type Colour
+/// @access public
+$govuk-print-text-colour: #000000 !default;
+/// Secondary text colour
+///
+/// Used in for example 'muted' text and help text.
+///
+/// @type Colour
+/// @access public
+$govuk-secondary-text-colour: govuk-colour("dark-grey", $legacy: "grey-1") !default;
+/// Focus colour
+///
+/// Used for outline (and background, where appropriate) when interactive
+/// elements (links, form controls) have keyboard focus.
+///
+/// @type Colour
+/// @access public
+$govuk-focus-colour: govuk-colour("yellow") !default;
+/// Focused text colour
+///
+/// Ensure that the contrast between the text and background colour passes
+/// WCAG Level AA contrast requirements.
+///
+/// @type Colour
+/// @access public
+$govuk-focus-text-colour: govuk-colour("black") !default;
+/// Error colour
+///
+/// Used to highlight error messages and form controls in an error state
+///
+/// @type Colour
+/// @access public
+$govuk-error-colour: govuk-colour("red") !default;
+/// Success colour
+///
+/// Used to highlight success messages and banners
+///
+/// @type Colour
+/// @access public
+$govuk-success-colour: govuk-colour("green") !default;
+/// Border colour
+///
+/// Used in for example borders, separators, rules and keylines.
+///
+/// @type Colour
+/// @access public
+$govuk-border-colour: govuk-colour("mid-grey", $legacy: "grey-2");
+/// Input border colour
+///
+/// Used for form inputs and controls
+///
+/// @type Colour
+/// @access public
+$govuk-input-border-colour: govuk-colour("black") !default;
+/// Input hover colour
+///
+/// Used for hover states on form controls
+///
+/// @type Colour
+/// @access public
+$govuk-hover-colour: govuk-colour("mid-grey", $legacy: "grey-3");
+// =============================================================================
+// Links
+// =============================================================================
+/// Link colour
+///
+/// @type Colour
+/// @access public
+$govuk-link-colour: govuk-colour("blue") !default;
+/// Visited link colour
+///
+/// @type Colour
+/// @access public
+$govuk-link-visited-colour: govuk-colour("purple", $legacy: #4c2c92) !default;
+/// Link hover colour
+///
+/// @type Colour
+/// @access public
+$govuk-link-hover-colour: govuk-colour("dark-blue", $legacy: "light-blue") !default;
+/// Active link colour
+///
+/// @type Colour
+/// @access public
+$govuk-link-active-colour: govuk-colour("black", $legacy: "light-blue") !default;