govuk_elements_rails 3.1.2 → 3.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1fe448dff48a121e14b22cae56969c1ddf6a9608
-  data.tar.gz: d0c986e531c847009d9c26e278c0b6b2c3820d5d
+  metadata.gz: 6cb7e24707e0534aa3a4ec8fd685fdece120b47e
+  data.tar.gz: 70931c278192344e600cf18aa3e64633a31e1ebe
 SHA512:
-  metadata.gz: 8949b9bff5367d93db1385a3899e36218ba9cc7f56aa2e948d4acf6bb273018e29eb0ae58444c105ebc2c6aca760565e49ef543078d933eb514a6b93b49a8552
-  data.tar.gz: 23906c51650e39fa1ed82cd7f0f8dcda267460789f6360019093abde781a8e32e59eef2a0770ffc43d885b6172933f35ec293a617e75efa6ac361df383210479
+  metadata.gz: b99ee900c45b45ea6af9126696e62998b8fcaea2dfa0bc1c06bdbbe69afc635636e32d8b45bc9023c0ac8c6915a29bd536f2e043c774ae65998f4112c363c21d
+  data.tar.gz: a64a98535b9f4487a634856e50b313f8d7175aafe3163dc3e742a3f646dd8578fa38ae82d5d6172d91f998a707d991b0c880686cb24d11ca6f3bbc9e72977270

data/README.md

@@ -48,14 +48,14 @@ For detailed information on usage see the
 
 ### Stylesheets usage
 
-At the top of a Sass file in your Rails project you should use an `@import` rule
-to include the file for the mixins you require.
+At the top of your projects main stylesheet you should use `@import` rules to
+include the files that 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`:
+If you are using the `scss` format instead of `sass` you will need to add
+semicolons and reformat the comments.
 
 ```sass
-// From GDS's alphagov/govuk_frontend_toolkit
+// GOV.UK Frontend Toolkit (alphagov/govuk_frontend_toolkit)
 @import 'colours'
 @import 'font_stack'
 @import 'measurements'
@@ -69,31 +69,38 @@ lines if you are using the `scss` format instead of `sass`:
 @import 'design-patterns/buttons'
 @import 'design-patterns/breadcrumbs'
 
-// From GDS's alphagov/govuk_elements
-@import 'elements/helpers'
-@import 'elements/reset'
+// GOV.UK elements (alphagov/govuk_elements)
+
+// Helper functions and classes
+@import "elements/helpers"
+
+// Generic (normalize/reset.css)
+@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'
+// @import "elements/govuk-template-base"
+
+// Main content container. Grid layout - rows and column widths
+@import "elements/layout"
+
+// Components (chunks of UI)
+@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-multiple-choice"
+@import "elements/forms/form-date"
+@import "elements/forms/form-validation"
+@import "elements/breadcrumbs"
+@import "elements/phase-banner"
+@import "elements/components"
+@import "elements/shame"
 ```
 
 For further detailed information on usage see the

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

@@ -11,6 +11,25 @@ details {
     cursor: pointer;
     position: relative;
     margin-bottom: em(5);
+    padding-left: 25px;
+
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      margin: auto;
+      display: block;
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-color: transparent;
+      -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+      clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+      border-width: 7px 0 7px 12.124px;
+      border-left-color: inherit;
+    }
 
     &:hover {
       color: $link-hover-colour;
@@ -19,6 +38,23 @@ details {
     &:focus {
       outline: 3px solid $focus-colour;
     }
+
+    &::-webkit-details-marker {
+      display: none;
+    }
+
+  }
+
+  &[open]>summary:before {
+    display: block;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+    -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+    border-width: 12.124px 7px 0 7px;
+    border-top-color: inherit;
   }
 
   // Underline only summary text (not the arrow)
@@ -26,10 +62,9 @@ details {
     text-decoration: underline;
   }
 
-  // Match fallback arrow spacing with -webkit default
+  // fallback no longer needed
   .arrow {
-    margin-right: .35em;
-    font-style: normal;
+    display: none;
   }
 
 }

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

@@ -72,6 +72,7 @@ main {
 .heading-xlarge {
   @include bold-48();
 
+  display: block;
   margin-top: em(15, 32);
   margin-bottom: em(30, 32);
 
@@ -92,6 +93,7 @@ main {
 .heading-large {
   @include bold-36();
 
+  display: block;
   margin-top: em(25, 24);
   margin-bottom: em(10, 24);
 
@@ -112,6 +114,7 @@ main {
 .heading-medium {
   @include bold-24();
 
+  display: block;
   margin-top: em(25, 20);
   margin-bottom: em(10, 20);
 
@@ -125,6 +128,7 @@ main {
 .heading-small {
   @include bold-19();
 
+  display: block;
   margin-top: em(10, 16);
   margin-bottom: em(5, 16);
 

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

@@ -18,6 +18,16 @@
 fieldset {
   @extend %contain-floats;
   width: 100%;
+
+  // Avoid extra vertical space (caused by fieldsets preventing margin collapse) when fieldsets with an h1 in the legend appear after the error-summary element.
+  // (Class used instead of adjacent sibling selector for IE 8 compatibility.)
+  &.after-error-summary {
+    margin-top: -$gutter-half;
+
+    @include media(tablet) {
+      margin-top: -$gutter;
+    }
+  }
 }
 
 // Hack to let legends or elements within legends have margins in webkit browsers

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

@@ -3,6 +3,7 @@
 
 // Use .form-group-error to add a red border to the left of a .form-group
 .form-group-error {
+  @extend %contain-floats;
   margin-right: 15px;
   border-left: 4px solid $error-colour;
   padding-left: 10px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_elements_rails
 version: !ruby/object:Gem::Version
-  version: 3.1.2
+  version: 3.1.3
 platform: ruby
 authors:
 - GOV.UK Design System Team (Government Digital Service)
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-10-10 00:00:00.000000000 Z
+date: 2018-07-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -53,8 +53,8 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 6.0.2
 description: |-
-  A gem wrapper around govuk_elements v3.1.2
-   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/85644af5e31e9a28be3c8325978c258334a47764
+  A gem wrapper around govuk_elements v3.1.3
+   that pulls stylesheet and javascript files into a Rails app. Changelog: https://github.com/alphagov/govuk_elements/blob/3a7f21838d7849d90434731488e1a0f0f209250d
   /CHANGELOG.md
 email: design-system-developers@digital.cabinet-office.gov.uk
 executables: []
@@ -108,7 +108,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.12
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: A gem wrapper around http://github.com/alphagov/govuk_elements that pulls