uswds-jekyll 2.2.0 → 2.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b60fdf52cc03e41be3356d114d69d2e30b09f801
-  data.tar.gz: ddb76510b0eac27b6d548c1e2d29c358eb7228f3
+  metadata.gz: 99ba6ecdaa6e2222ad5badd4f9995715631a5788
+  data.tar.gz: 0b1d99793cc2a1dd70ec365ff67d38875d973441
 SHA512:
-  metadata.gz: 022d7e7f9e1e98aa847a7a95e521d9236217601764d8db30c332ca7d47bee691a91b1f3bbfb48036172fd2e1ed834917769dcb7e61161e0b539d989dbf484061
-  data.tar.gz: a5439bd1bf2feabd53c31e9e41a93ed26c18d941e8511fe1e258738e7dcd4733c9d7a998dbcfb29573b1c9d989379c97ac6c21db608403dfecda17eabf592939
+  metadata.gz: d4de3616c9c518919782a0ec2f08eb344d2415923e470b0fbc9a786b01b2703fdee887c62bb7b9b5a874f29fdfa266411c0e956d2c6b56c1a38899e164efc1fe
+  data.tar.gz: 06667ae3524bad512cac7b7296dbe8f980f53653e68b40696e210b1a1c21849850cb17bc499635850f6b5934aa056f681cb86476f65e7a2844d9326314bac3c4

data/_sass/uswds/components/_header.scss

@@ -102,7 +102,7 @@ $z-index-nav:     9000;
   @include position(fixed, 0);
   background: $color-black;
   opacity: 0;
-  transition: all 0.2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
   visibility: hidden;
   z-index: $z-index-overlay;
 

data/_sass/uswds/components/_sidenav.scss

@@ -1,8 +1,31 @@
 
 .usa-sidenav-list {
   @include usa-sidenav-list;
+  border-bottom: 1px solid;
+  border-top: 1px solid;
+
+  @include media($large-screen) {
+    border-bottom: none;
+    border-top: none;
+  }
+
+  .usa-grid & {
+    @include margin(null (-$site-margins-mobile) null (-$site-margins-mobile));
+
+    @include media($medium-screen) {
+      @include margin(null 0);
+    }
+  }
 }
 
 .usa-sidenav-sub_list {
   @include usa-sidenav-sublist;
 }
+
+.usa-layout-docs-sidenav {
+  padding-top: 2.4rem;
+
+  @include media($large-screen) {
+    padding-top: 0;
+  }
+}

data/_sass/uswds/core/_utilities.scss

@@ -191,7 +191,7 @@
     display: block;
     font-family: $font-sans;
     line-height: 1.3;
-    padding: 0.85rem 1rem 0.85rem 1.8rem;
+    padding: 0.85rem 1rem 0.85rem $site-margins-mobile;
     text-decoration: none;
 
     &:hover {
@@ -207,10 +207,10 @@
     }
 
     &.usa-current { /* stylelint-disable-line selector-no-qualifying-type */
-      border-left: 0.4rem solid $color-primary;
+      border-left: $sidenav-current-border-width solid $color-primary;
       color: $color-primary;
       font-weight: $font-bold;
-      padding-left: 1.4rem;
+      padding-left: $site-margins-mobile - $sidenav-current-border-width;
     }
   }
 }

data/_sass/uswds/core/_variables.scss

@@ -128,21 +128,22 @@ $image-path:  '../img' !default;
 $asset-pipeline:      false !default;
 
 // Magic Numbers
-$text-max-width:          66ch !default; // 66 characters per line
-$lead-max-width:          77rem !default;
-$site-max-width:          1040px !default;
-$site-margins:            3rem !default;
-$site-margins-mobile:     1.5rem !default;
-$article-max-width:       600px !default;
-$input-max-width:         46rem !default;
-$label-border-radius:     2px !default;
-$checkbox-border-radius:  2px !default;
-$border-radius:           3px !default;
-$button-border-radius:    5px !default;
-$box-shadow:              0 0 2px $color-shadow !default;
-$focus-outline:           2px dotted $color-gray-light;
-$focus-spacing:           3px;
-$nav-width:               951px !default;
+$text-max-width:                66ch !default; // 66 characters per line
+$lead-max-width:                77rem !default;
+$site-max-width:                1040px !default;
+$site-margins:                  3rem !default;
+$site-margins-mobile:           1.5rem !default;
+$article-max-width:             600px !default;
+$input-max-width:               46rem !default;
+$label-border-radius:           2px !default;
+$checkbox-border-radius:        2px !default;
+$border-radius:                 3px !default;
+$button-border-radius:          5px !default;
+$box-shadow:                    0 0 2px $color-shadow !default;
+$focus-outline:                 2px dotted $color-gray-light !default;
+$focus-spacing:                 3px !default;
+$nav-width:                     951px !default;
+$sidenav-current-border-width:  0.4rem !default; // must be in rem for math
 
 // 44 x 44 pixels hit target following Apple iOS Human Interface
 // Guidelines

data/_sass/uswds/elements/_inputs.scss

@@ -112,7 +112,9 @@ select {
   appearance: none;
   background-color: $color-white;
   background-image: url('#{$image-path}/arrow-both.png');
-  background-image: url('#{$image-path}/arrow-both.svg');
+  // Ensure browsers that don't support SVG in background-image (IE 11 and below) fall back to PNG. 
+  // See https://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/
+  background-image: none, url('#{$image-path}/arrow-both.svg'), url('#{$image-path}/arrow-both.png');
   background-position: right 1.3rem center;
   background-repeat: no-repeat;
   background-size: 1rem;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uswds-jekyll
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 2.2.1
 platform: ruby
 authors:
 - Shawn Allen
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-11 00:00:00.000000000 Z
+date: 2018-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -371,7 +371,6 @@ files:
 - assets/uswds/scss/elements/_list.scss
 - assets/uswds/scss/elements/_table.scss
 - assets/uswds/scss/elements/_typography.scss
-- assets/uswds/scss/lib/_bourbon-deprecate.scss
 - assets/uswds/scss/lib/_bourbon-deprecated-upcoming.scss
 - assets/uswds/scss/lib/_bourbon.scss
 - assets/uswds/scss/lib/_neat-helpers.scss
@@ -468,7 +467,6 @@ files:
 - assets/uswds/scss/lib/helpers/_str-to-num.scss
 - assets/uswds/scss/lib/mixins/_clearfix.scss
 - assets/uswds/scss/lib/settings/_asset-pipeline.scss
-- assets/uswds/scss/lib/settings/_deprecation-warnings.scss
 - assets/uswds/scss/lib/settings/_disable-warnings.scss
 - assets/uswds/scss/lib/settings/_grid.scss
 - assets/uswds/scss/lib/settings/_prefixer.scss

data/assets/uswds/scss/lib/_bourbon-deprecate.scss

@@ -1,19 +0,0 @@
-@charset "UTF-8";
-
-/// Throws Sass warnings to announce library deprecations. You can disable them
-/// by setting the `$output-bourbon-deprecation-warnings` variable to `false`.
-///
-/// @access private
-
-@mixin _bourbon-deprecate($feature, $message: null) {
-  @if $output-bourbon-deprecation-warnings == true {
-    @warn "[Bourbon] [Deprecation] `#{$feature}` is deprecated and will be " +
-      "removed in 5.0.0. #{$message}";
-    @content;
-  }
-}
-
-@mixin _bourbon-deprecate-for-prefixing($feature) {
-  @include _bourbon-deprecate($feature, "We suggest using an automated " +
-    "prefixing tool, like Autoprefixer.");
-}

data/assets/uswds/scss/lib/settings/_deprecation-warnings.scss

@@ -1,8 +0,0 @@
-@charset "UTF-8";
-
-/// Enable or disable output of Bourbon’s deprecation-related Sass warnings.
-/// This variable must be declared _before_ importing Bourbon.
-///
-/// @type Bool
-
-$output-bourbon-deprecation-warnings: true !default;