govuk_elements_rails 1.1.2 → 1.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: daa6ca3a658ac82f5376402f7b2340a632d51c8e
-  data.tar.gz: 444a393037f86a9829f34cf65bc832c635ac84a0
+  metadata.gz: 0e6914fde28e84188afc03cf441efc6b2f83ef4c
+  data.tar.gz: 5af89f3be0bca9c2d286da4bc347164024e0bdf9
 SHA512:
-  metadata.gz: 89b63c571f1666b85d2ecc654840c04c75b1398410738c254640aee1c792930796ee98a818bbbaa9605f251079dd1ddb53668800bdcd6b9ec728f7702ac7e8bc
-  data.tar.gz: 99471d0e0cf3d42df8d2659fcb223bf9a658543697a1a1650d6d128eb8cb454fc3c7c75a9ee5adffb35a5c8c014915d82ce65afed6124e04657c24e106a88bca
+  metadata.gz: 98b3b08aa92c33383b297eb50f53a42e2456dc7568c9f4dd1fba213d586a3becfd507a830456c6ae48680849a8efd872b2127cb632ad2de7a687d71af9fd1d08
+  data.tar.gz: 8bbcda4cd7716993e796373e31b917a7819c597eb22124970582e397b209a1bfd96873c843576a9953a2a1039423a2e8ee07789d3dd5a33de154ad74ba23d68f

data/README.md

@@ -7,7 +7,9 @@ that pulls stylesheet and javascript files into a Rails app.
 
 Just include `govuk_elements_rails` in your Rails application `Gemfile`:
 
-    gem 'govuk_elements_rails'
+```ruby
+gem 'govuk_elements_rails'
+```
 
 It automatically attaches itself to your asset path so the static/SCSS
 files will be available to the asset pipeline.
@@ -25,15 +27,19 @@ The gem assumes you have `govuk_template` base HTML styles in your SASS.
 But the [govuk_template gem](https://rubygems.org/gems/govuk_template) is not a
 dependency. Either require `govuk_template` in your `Gemfile`:
 
-    gem 'govuk_template'
+```ruby
+gem 'govuk_template'
+```
 
 or include the following in a Sass file, see Usage section for details:
 
-    // Base (unclassed HTML elements)
-    // These are predefined by govuk_template
-    // If you're not using govuk_template, uncomment the line below.
-    // HTML elements, set by the GOV.UK template
-    @import 'elements/base'
+```sass
+// Base (unclassed HTML elements)
+// These are predefined by govuk_template
+// If you're not using govuk_template, uncomment the line below.
+// HTML elements, set by the GOV.UK template
+@import 'elements/base'
+```
 
 ## Usage
 
@@ -48,45 +54,47 @@ to include the file for the mixins you require.
 For example here are possible imports, remember to add semicolons to the end of
 lines if you are using the `scss` format instead of `sass`:
 
-    // From GDS's alphagov/govuk_frontend_toolkit
-    @import 'colours'
-    @import 'font_stack'
-    @import 'measurements'
-    @import 'conditionals'
-    @import 'device-pixels'
-    @import 'grid_layout'
-    @import 'typography'
-    @import 'shims'
-
-    @import 'design-patterns/alpha-beta'
-    @import 'design-patterns/buttons'
-    @import 'design-patterns/breadcrumbs'
-
-    // From GDS's alphagov/govuk_elements
-    @import 'elements/helpers'
-    @import 'elements/reset'
-
-    // Base (unclassed HTML elements)
-    // These are predefined by govuk_template
-    // If you're not using govuk_template, uncomment the line below.
-    // HTML elements, set by the GOV.UK template
-    // @import 'elements/base'
-
-    @import 'elements/layout'
-    @import 'elements/elements-typography'
-    @import 'elements/buttons'
-    // @import 'elements/icons'
-    @import 'elements/lists'
-    // @import 'elements/tables'
-    @import 'elements/details'
-    @import 'elements/panels'
-    @import 'elements/forms'
-    @import 'elements/forms/form-block-labels'
-    @import 'elements/forms/form-date'
-    @import 'elements/forms/form-validation'
-    @import 'elements/breadcrumbs'
-    @import 'elements/phase-banner'
-    @import 'elements/components'
+```sass
+// From GDS's alphagov/govuk_frontend_toolkit
+@import 'colours'
+@import 'font_stack'
+@import 'measurements'
+@import 'conditionals'
+@import 'device-pixels'
+@import 'grid_layout'
+@import 'typography'
+@import 'shims'
+
+@import 'design-patterns/alpha-beta'
+@import 'design-patterns/buttons'
+@import 'design-patterns/breadcrumbs'
+
+// From GDS's alphagov/govuk_elements
+@import 'elements/helpers'
+@import 'elements/reset'
+
+// Base (unclassed HTML elements)
+// These are predefined by govuk_template
+// If you're not using govuk_template, uncomment the line below.
+// HTML elements, set by the GOV.UK template
+// @import 'elements/base'
+
+@import 'elements/layout'
+@import 'elements/elements-typography'
+@import 'elements/buttons'
+// @import 'elements/icons'
+@import 'elements/lists'
+// @import 'elements/tables'
+@import 'elements/details'
+@import 'elements/panels'
+@import 'elements/forms'
+@import 'elements/forms/form-block-labels'
+@import 'elements/forms/form-date'
+@import 'elements/forms/form-validation'
+@import 'elements/breadcrumbs'
+@import 'elements/phase-banner'
+@import 'elements/components'
+```
 
 For further detailed information on usage see the
 [govuk_elements README](https://github.com/alphagov/govuk_elements#govuk-elements).
@@ -97,8 +105,10 @@ In the `app/assets/javascripts/application.js` file in your Rails project use
 `require` rule to include the files for the javascript enhancements you require.
 For example here are all the requires possible at present:
 
-    // from govuk_elements gem
-    //= require details.polyfill
+```javascript
+// from govuk_elements gem
+//= require details.polyfill
+```
 
 ### Javascript from govuk_frontend_toolkit
 
@@ -106,15 +116,19 @@ In the `app/assets/javascripts/application.js` file in your Rails project use
 `require` rule to include javascript from the `govuk_frontend_toolkit` gem. For
 example:
 
-    // from govuk_frontend_toolkit gem
-    //= require vendor/polyfills/bind
-    //= require govuk/selection-buttons
+```javascript
+// from govuk_frontend_toolkit gem
+//= require vendor/polyfills/bind
+//= require govuk/selection-buttons
+```
 
 To include all of the govuk javascript, require `govuk_toolkit`, i.e.
 
-    // from govuk_frontend_toolkit gem
-    //= require vendor/polyfills/bind
-    //= require govuk_toolkit
+```javascript
+// from govuk_frontend_toolkit gem
+//= require vendor/polyfills/bind
+//= require govuk_toolkit
+```
 
 See the
 [govuk_frontend_toolkit documentation](https://github.com/alphagov/govuk_frontend_toolkit#documentation)
@@ -123,82 +137,114 @@ for details of what javascript is available.
 ## Alternate ways to reuse GOV.UK Elements
 
 There are other alternate ways to include GOV.UK Elements implementations in a Rails
-project, for example via [NPM](https://www.npmjs.com/package/govuk-elements-sass)
-or [Mojular](https://github.com/mojular/govuk-elements).
+project, for example via [NPM](https://www.npmjs.com/package/govuk-elements-sass).
 
 Feel free to use an alternate approach when it's more appropriate for your team.
 
 ## Making updates to the gem itself
 
 You only need to look at this section if you want to update the gem with changes
-from the govuk-elements repo.
+from the `govuk-elements` repo.
 
 If you just want to use the gem in your Rails application, don't follow these steps.
 
 If you are working on the gem itself, clone and download submodules like this:
 
-    git clone https://github.com/ministryofjustice/govuk_elements_rails.git
-    cd govuk_elements_rails
-    git submodule init
-    git submodule update
+```sh
+git clone git@github.com:alphagov/govuk_elements_rails.git
+cd govuk_elements_rails
+git submodule init
+git submodule update
+```
 
 To update govuk_elements to a specific tag:
 
-    cd govuk_elements
-    git fetch origin
-    git describe --tags # shows current tag
-    git tag -l  # lists available tags
-    git checkout master
-    latest_tag=`git describe --abbrev=0 --tags`
-    git checkout $latest_tag # change to most recent tag
-    cd ..
-
-Check that the symlinks under `vendor/assets` still point to the govuk_elements files.
+```sh
+cd govuk_elements
+git fetch origin
+git describe --tags # shows current tag
+git tag -l  # lists available tags
+git checkout master
+latest_tag=`git describe --abbrev=0 --tags`
+echo $latest_tag
+git checkout $latest_tag # change to most recent tag
+cd ..
+```
+
+Check that the symlinks under `vendor/assets` still point to the `govuk_elements` files.
+
+```sh
+ls -lat vendor/assets/javascripts/
+ls -lat vendor/assets/stylesheets/
+```
+
+To add a javascript file to gem, create new symlink to `govuk_elements` file, like in this example:
+
+```sh
+cd vendor/assets/javascripts/
+ls -l
+ln -s ../../../govuk_elements/public/javascripts/vendor/details.polyfill.js .
+ls -l
+cd ../../..
+git add vendor/javascripts/details.polyfill.js
+```
 
 To create the gem for local testing:
 
-    rake clean
-    rake gem
+```sh
+rake clean
+rake gemspec
+rake gem
+```
+
+If you're happy all's ok, you can create a branch and commit:
+
+```sh
+cd govuk_elements
+tag_sha=`git rev-parse HEAD`
+echo $tag_sha
+cd ..
 
-If you're happy all's ok, you can commit:
+branch_name="update-$latest_tag"
+echo $branch_name
+git branch $branch_name
+git checkout $branch_name
+git push -u origin $branch_name
 
-    cd govuk_elements
-    tag_sha=`git rev-parse HEAD`
-    commit_msg="Upgrade to govuk_elements $latest_tag"
-    commit_msg2="See govuk_elements $latest_tag changelog for details:"
-    commit_msg3="https://github.com/alphagov/govuk_elements/blob/$tag_sha/CHANGELOG.md"
+git add govuk_elements_rails.gemspec
+git add govuk_elements
 
-    echo $commit_msg
-    echo $commit_msg2
-    echo $commit_msg3
-    cd ..
-    git add govuk_elements
-    git commit -m "$commit_msg" -m "$commit_msg2" -m "$commit_msg3"
+commit_msg="Upgrade to govuk_elements $latest_tag"
+commit_msg2="See govuk_elements $latest_tag changelog for details:"
+commit_msg3="https://github.com/alphagov/govuk_elements/blob/$tag_sha/CHANGELOG.md"
 
-To add a javascript file to gem, create new symlink to govuk_elements file like in this example:
+echo $commit_msg
+echo $commit_msg2
+echo $commit_msg3
 
-    cd vendor/assets/javascripts/
-    ls -l
-    ln -s ../../../govuk_elements/public/javascripts/vendor/details.polyfill.js .
-    ls -l
-    cd ../../..
-    git add vendor/javascripts/details.polyfill.js
+git commit -m "$commit_msg" -m "$commit_msg2" -m "$commit_msg3"
+git push
+```
 
-To update version number, edit version.rb, and repackage:
+Create a new pull request for the release:
 
-    vi lib/govuk_elements_rails/version.rb
-    rake clean
-    rake package
+```sh
+open "https://github.com/alphagov/govuk_elements_rails/compare/master...$branch_name"
+```
 
 To tag and publish the gem to rubygems.org:
 
-    rake publish
+```sh
+rake publish
+```
 
 If you are installing from git for testing, ensure you enable submodules in your Gemfile
 require like so:
 
-    gem 'govuk_elements_rails', :git => "https://github.com/ministryofjustice/govuk_elements_rails.git", :submodules => true
+```ruby
+gem 'govuk_elements_rails', git: "https://github.com/alphagov/govuk_elements_rails.git", submodules: true
+```
 
 ## Feedback
 
-Please provide feedback via [GitHub issues](https://github.com/ministryofjustice/govuk_elements_rails/issues).
+Please provide feedback via [GitHub issues](https://github.com/alphagov/govuk_elements_rails/issues).

data/vendor/assets/stylesheets/_govuk-elements.scss

@@ -32,7 +32,7 @@
 // Base (unclassed HTML elements)
 // These are predefined by govuk_template
 // If you're not using govuk_template, uncomment the line below.
-// @import "elements/base";                       // HTML elements, set by the GOV.UK template
+@import "elements/govuk-template-base";           // Base styles set by GOV.UK template
 
 // Objects (unstyled design patterns)
 @import "elements/layout";                        // Main content container. Grid layout - rows and column widths

data/vendor/assets/stylesheets/elements/_buttons.scss

@@ -4,8 +4,9 @@
 .button {
   @include button ($button-colour);
   @include box-sizing (border-box);
-  padding: em(10) em(15) em(5) em(15);
+  padding: em(10) em(15) em(5);
   vertical-align: top;
+
   @include media (mobile) {
     width: 100%;
   }

data/vendor/assets/stylesheets/elements/_components.scss

@@ -1,8 +1,8 @@
 // Box with turquoise background and white text
 // Used for transaction end pages, and Bank Holidays
 .govuk-box-highlight {
-  margin: 1em 0 1em 0;
-  padding: 2em 0 1em 0;
+  margin: 1em 0;
+  padding: 2em 0 1em;
   color: $white;
   background: $turquoise;
   text-align: center;

data/vendor/assets/stylesheets/elements/_elements-typography.scss

@@ -206,7 +206,7 @@ p {
     height: 0;
 
     border-top: 5px solid transparent;
-    border-right: 6px solid #0b0c0c;
+    border-right: 6px solid $text-colour;
     border-bottom: 5px solid transparent;
 
     position: absolute;
@@ -220,15 +220,17 @@ p {
   // IE7 doesn't support pseudo-elements, let's fallback to an image instead.
   // Ref: http://caniuse.com/#search=%3Abefore, http://caniuse.com/#search=rgba
   @include ie-lte(8) {
-   background: file-url("icon-arrow-left.png") no-repeat 0 4px;
+    background: file-url("icon-arrow-left.png") no-repeat 0 4px;
   }
 
 }
 
 // Code styles
 .code {
-  color: black;
-  text-shadow: 0 1px white;
+  color: $text-colour;
+  background-color: $highlight-colour;
+
+  text-shadow: 0 1px $page-colour;
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   font-size: 14px;
   direction: ltr;
@@ -247,10 +249,8 @@ p {
   -ms-hyphens: none;
   hyphens: none;
 
-  color: $black;
-  background-color: $highlight-colour;
   border: 1px solid $border-colour;
-  padding: 4px 4px 2px 4px;
+  padding: 4px 4px 2px;
 }
 
 // Horizontal rule style
@@ -262,6 +262,7 @@ hr {
   margin-top: $gutter;
   margin-bottom: $gutter;
   padding: 0;
+
   @include ie-lte(7) {
     color: $border-colour;
   }
@@ -271,15 +272,17 @@ hr {
 .notice {
   @extend %contain-floats;
   position: relative;
+
   .icon {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -17px; // Half the height of the important icon
   }
+
   strong {
     display: block;
-    padding-left: (35 + 30)+px;
+    padding-left: (35 + 30) + px;
     margin-left: -$gutter-half;
   }
-}
+}

data/vendor/assets/stylesheets/elements/_forms.scss

@@ -27,7 +27,7 @@ fieldset {
 }
 
 // Remove margin under textarea in Chrome and FF
-textarea{
+textarea {
   display: block;
 }
 
@@ -190,6 +190,7 @@ legend {
 
 .form-control-2-3 {
   width: 100%;
+
   @include media(tablet) {
     width: 66.66%;
   }
@@ -205,6 +206,7 @@ legend {
 
 .form-control-1-3 {
   width: 100%;
+
   @include media(tablet) {
     width: 33.33%;
   }
@@ -212,6 +214,7 @@ legend {
 
 .form-control-1-4 {
   width: 100%;
+
   @include media(tablet) {
     width: 25%;
   }
@@ -219,6 +222,7 @@ legend {
 
 .form-control-1-8 {
   width: 100%;
+
   @include media(tablet) {
     width: 12.5%;
   }

data/vendor/assets/stylesheets/elements/{_base.scss → _govuk-template-base.scss}

@@ -1,7 +1,32 @@
-html, body, button, input, table, td, th { font-family: $NTA-Light; }
+html,
+body,
+button,
+input,
+table,
+td,
+th {
+  // Allow uppercase letters in font stack variable names
+  // scss-lint:disable NameFormat
+  font-family: $NTA-Light;
+}
 
 // basic styles for HTML5 and other elements
-html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section {
+html,
+body,
+div,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+article,
+aside,
+footer,
+header,
+hgroup,
+nav,
+section {
   margin: 0;
   padding: 0;
   vertical-align: baseline;
@@ -20,17 +45,18 @@ main {
 // 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted
 //    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 // 4. Prevents iOS text size adjust after orientation change, without disabling user zoom.
+// 5. Force the scrollbar to always display in IE10/11
 
 html {
-  font-size: 62.5%;   // 1
+  font-size: 62.5%; // 1
   overflow-y: scroll; // 2
-  -webkit-tap-highlight-color: rgba(0,0,0,0); // 3
+  // Allow RGBA here, this line has been copied from govuk_template
+  // scss-lint:disable ColorVariable
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3
   -webkit-text-size-adjust: 100%; // 4
   -ms-text-size-adjust: 100%; // 4
-  // Set background colour to match footer background
-  background-color: $grey-8;
-  // Force the scrollbar to always display in IE10/11
-  -ms-overflow-style: scrollbar;
+  -ms-overflow-style: scrollbar; // 5
+  background-color: $white;
 }
 
 // 1. Font-size increased to compensate for change to html element font-size in
@@ -41,6 +67,7 @@ html {
 body {
   font-size: 160%; // 1
   margin: 0; // 2
+
   background: $white;
   color: $text-colour;
   line-height: 1.5;
@@ -49,7 +76,10 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-ol, ul, nav ol, nav ul {
+ol,
+ul,
+nav ol,
+nav ul {
   list-style: inherit;
 }
 
@@ -69,7 +99,7 @@ img {
 
 @include ie-lte(7) {
   button {
-    overflow:visible;
+    overflow: visible;
   }
 }
 
@@ -77,23 +107,6 @@ abbr[title] {
   cursor: help;
 }
 
-// Set focus styles
-a {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
-}
-
-a:focus {
-  background-color: $focus-colour;
-  outline: 3px solid $focus-colour;
-}
-
-input:focus,
-textarea:focus,
-select:focus,
-button:focus {
-  outline: 3px solid $focus-colour;
-}
-
 // Link styles
 a:link {
   color: $link-colour;
@@ -114,9 +127,10 @@ a:active {
 // External link styles
 a[rel="external"] {
   @include external-link-default;
-  @include external-link-19;
-  @include media-down(mobile) {
-    @include external-link-16;
+  @include external-link-16;
+
+  @include media(tablet) {
+    @include external-link-19;
   }
 }
 
@@ -124,3 +138,22 @@ a[rel="external"] {
   @include external-link-12-no-hover;
   @include external-link-heading;
 }
+
+// Set focus styles
+a {
+  // Allow RGBA here, this line has been copied from govuk_template
+  // scss-lint:disable ColorVariable
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
+}
+
+a:focus {
+  background-color: $focus-colour;
+  outline: 3px solid $focus-colour;
+}
+
+input:focus,
+textarea:focus,
+select:focus,
+button:focus {
+  outline: 3px solid $focus-colour;
+}

data/vendor/assets/stylesheets/elements/_helpers.scss

@@ -26,12 +26,6 @@
 
 }
 
-// Hide for both screenreaders and browsers
-.hidden {
-  display: none;
-  visibility: hidden;
-}
-
 // Hide, but not for screenreaders
 .visually-hidden,
 .visuallyhidden {
@@ -44,8 +38,3 @@
   padding: 0;
   border: 0;
 }
-
-// Hide, only when JavaScript is enabled
-.js-enabled .js-hidden {
-  display: none;
-}

data/vendor/assets/stylesheets/elements/_icons.scss

@@ -81,6 +81,8 @@
   background: $black;
   color: $white;
 
+  // Allow uppercase letters in font stack variable names
+  // scss-lint:disable NameFormat
   font-family: $NTA-Light-Tabular;
   font-size: 12px;
   font-weight: bold;

data/vendor/assets/stylesheets/elements/_layout.scss

@@ -4,14 +4,15 @@
 // Content
 // ==========================================================================
 
-// Content wraps the entire site content block
+// Allow an ID here, this is useful as it matches the GOV.UK template skiplink
+// scss-lint:disable IdSelector
 #content {
   @extend %site-width-container;
   @extend %contain-floats;
   padding-bottom: $gutter;
 
   @include media(desktop) {
-    padding-bottom: $gutter*3;
+    padding-bottom: $gutter * 3;
   }
 }
 
@@ -40,19 +41,19 @@
 // By default grid columns break to become full width at tablet size
 .column-quarter,
 .column-one-quarter {
-  @include grid-column(1/4);
+  @include grid-column(1 / 4);
 }
 
 .column-half,
 .column-one-half {
-  @include grid-column(1/2);
+  @include grid-column(1 / 2);
 }
 
 .column-third,
 .column-one-third {
-  @include grid-column(1/3);
+  @include grid-column(1 / 3);
 }
 
 .column-two-thirds {
-  @include grid-column(2/3);
+  @include grid-column(2 / 3);
 }

data/vendor/assets/stylesheets/elements/_panels.scss

@@ -7,8 +7,8 @@
   border-left-style: solid;
   border-color: $border-colour;
 
-  padding: em(15,19);
-  margin-bottom: em(15,19);
+  padding: em(15, 19);
+  margin-bottom: em(15, 19);
 
   :first-child {
     margin-top: 0;

data/vendor/assets/stylesheets/elements/_reset.scss

@@ -2,30 +2,116 @@
 // ==========================================================================
 // flatten all browser defaults and styles inherited from gov.uk template
 
-/* Borrowed from http://meyerweb.com/eric/tools/css/reset/ */
-div, span,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark {
+// Borrowed from http://meyerweb.com/eric/tools/css/reset/
+div,
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark {
   border: none;
   margin: 0;
   padding: 0;
 }
 
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-input, textarea,
-table, caption, tbody, tfoot, thead, tr, th, td {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+input,
+textarea,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;

data/vendor/assets/stylesheets/elements/_tables.scss

@@ -8,8 +8,8 @@ table {
 
   th,
   td {
-    @include core-16;
-    padding: em(12, 16) em(20, 16) em(9, 16) 0;
+    @include core-19;
+    padding: em(12, 19) em(20, 19) em(9, 19) 0;
 
     text-align: left;
     color: $black;
@@ -24,9 +24,26 @@ table {
     }
   }
 
-  // Use tabular numbers for numeric table cells
+  // Allow a qualifying element, only table data cells should use tabular numbers
+  // scss-lint:disable QualifyingElement
   td.numeric {
     @include core-16($tabular-numbers: true);
     text-align: right;
   }
 }
+
+.table-font-xsmall {
+
+  th {
+    @include bold-16;
+  }
+
+  td {
+    @include core-16;
+  }
+
+  th,
+  td {
+    padding: em(12, 16) em(20, 16) em(9, 16) 0;
+  }
+}

data/vendor/assets/stylesheets/elements/forms/_form-block-labels.scss

@@ -11,7 +11,7 @@
 
   background: $panel-colour;
   border: 1px solid $panel-colour;
-  padding: (18px $gutter $gutter-half $gutter*1.8);
+  padding: (18px $gutter $gutter-half $gutter * 1.8);
 
   margin-bottom: 10px;
   cursor: pointer; // Encourage clicking on block labels
@@ -30,6 +30,7 @@
     margin: 0;
     width: 29px;
     height: 29px;
+
     @include ie(8) {
       top: 12px;
     }
@@ -39,6 +40,7 @@
   &:hover {
     border-color: $black;
   }
+
 }
 
 .block-label:last-child {
@@ -53,6 +55,9 @@
 
 // Selected and focused states
 
+// Allow a qualifying element for the selected state
+// scss-lint:disable QualifyingElement
+
 // Add selected state
 .js-enabled label.selected {
   background: $white;
@@ -64,6 +69,8 @@
   outline: 3px solid $focus-colour;
 }
 
+// scss-lint:enable QualifyingElement
+
 // Remove focus from radio/checkboxes
 .js-enabled .focused input:focus {
   outline: none;

data/vendor/assets/stylesheets/elements/forms/_form-validation.scss

@@ -45,7 +45,7 @@
   clear: both;
 
   margin: 0;
-  padding: 5px 0 7px 0;
+  padding: 5px 0 7px;
 }
 
 // Summary of multiple error messages
@@ -65,7 +65,7 @@
     margin-top: $gutter;
     margin-bottom: $gutter;
 
-    padding: 20px $gutter-half $gutter-half $gutter-half;
+    padding: $gutter-two-thirds $gutter-half $gutter-half;
   }
 
   @include ie-lte(6) {

metadata

@@ -1,22 +1,20 @@
 --- !ruby/object:Gem::Specification
 name: govuk_elements_rails
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.4
 platform: ruby
 authors:
 - Rob McKinnon
+- Government Digital Service
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-02-12 00:00:00.000000000 Z
+date: 2016-05-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.1'
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.1.0
@@ -24,9 +22,6 @@ dependencies:
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.1'
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.1.0
@@ -34,9 +29,6 @@ dependencies:
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.2'
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.2.0
@@ -44,9 +36,6 @@ dependencies:
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.2'
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.2.0
@@ -54,27 +43,21 @@ dependencies:
   name: govuk_frontend_toolkit
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 4.6.1
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.6.1
+        version: 4.10.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 4.6.1
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.6.1
+        version: 4.10.0
 description: |-
-  A gem wrapper around govuk_elements v1.1.2
-   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/c19cf54ebf507b7e22b8a5e4df030b4f480f765d
+  A gem wrapper around govuk_elements v1.1.4
+   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/3aa9092185b5a018bd122d8270cdffc7a1f3e6e9
   /CHANGELOG.md
-email: rob.mckinnon ~@nospam@~ digital.justice.gov.uk
+email: robin.whittleton@digital.cabinet-office.gov.uk
 executables: []
 extensions: []
 extra_rdoc_files:
@@ -86,13 +69,13 @@ files:
 - lib/govuk_elements_rails/engine.rb
 - vendor/assets/javascripts/details.polyfill.js
 - vendor/assets/stylesheets/_govuk-elements.scss
-- vendor/assets/stylesheets/elements/_base.scss
 - vendor/assets/stylesheets/elements/_breadcrumbs.scss
 - vendor/assets/stylesheets/elements/_buttons.scss
 - vendor/assets/stylesheets/elements/_components.scss
 - vendor/assets/stylesheets/elements/_details.scss
 - vendor/assets/stylesheets/elements/_elements-typography.scss
 - vendor/assets/stylesheets/elements/_forms.scss
+- vendor/assets/stylesheets/elements/_govuk-template-base.scss
 - vendor/assets/stylesheets/elements/_helpers.scss
 - vendor/assets/stylesheets/elements/_icons.scss
 - vendor/assets/stylesheets/elements/_layout.scss
@@ -104,7 +87,7 @@ files:
 - vendor/assets/stylesheets/elements/forms/_form-block-labels.scss
 - vendor/assets/stylesheets/elements/forms/_form-date.scss
 - vendor/assets/stylesheets/elements/forms/_form-validation.scss
-homepage: https://github.com/ministryofjustice/govuk_elements_rails
+homepage: https://github.com/alphagov/govuk_elements_rails
 licenses: []
 metadata: {}
 post_install_message: 
@@ -126,7 +109,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: A gem wrapper around http://github.com/alphagov/govuk_elements that pulls