uswds-rails 1.4.3 → 1.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a756b523f71c9818fed38bfc20f1d410f4397b85dfcc5cc6e571a79147677896
4
- data.tar.gz: 9f37cfd953b8b7fdcd5ca770b1722375d029cc69c64111285a705a7d0eff7b22
3
+ metadata.gz: f9b3518f4e2ff46395fe9a115406a08657e81d7fbc7cc4dca702716000562920
4
+ data.tar.gz: 89b69ec5a4df974343ce9c98c594827265d3aaee7b00b5ee0ef4eae7e10afdd8
5
5
  SHA512:
6
- metadata.gz: 84be05e23d62d5f1ef1bcebffa3bad05871e3c1dd9f8fbc6a070d693469cfa4a2ced3f2d36af140b661e095356ebd0898c3c08bdd0e274e018bde9235fe55649
7
- data.tar.gz: fbe0ab61a140032ba33b0fc300ce5001412f4c8e654234e13526bc57ceb22ca9b2cff99e4d90978bbf778e6f302ad251eca357634ef64e4ca7cc37b5801e8860
6
+ metadata.gz: 634945dd14669900933abad897109b16f452d7f52d1fd175d2ba2f44920d433fa399bdbbb01cda6757bfdc0057a919923ac6ab964a68e1c5eb5c715ed546681f
7
+ data.tar.gz: e9223c9a8da597ce83e3e0b213cc44b9ef80384e2717e8d180cd8da5dffdda5c98640048233cb7e83c21c8e636f1f83c92f1cf482d0ee2dd10501251757d1f45
@@ -191,7 +191,7 @@
191
191
  display: block;
192
192
  font-family: $font-sans;
193
193
  line-height: 1.3;
194
- padding: 0.85rem 1rem 0.85rem 1.8rem;
194
+ padding: 0.85rem 1rem 0.85rem $site-margins-mobile;
195
195
  text-decoration: none;
196
196
 
197
197
  &:hover {
@@ -207,10 +207,10 @@
207
207
  }
208
208
 
209
209
  &.usa-current { /* stylelint-disable-line selector-no-qualifying-type */
210
- border-left: 0.4rem solid $color-primary;
210
+ border-left: $sidenav-current-border-width solid $color-primary;
211
211
  color: $color-primary;
212
212
  font-weight: $font-bold;
213
- padding-left: 1.4rem;
213
+ padding-left: $site-margins-mobile - $sidenav-current-border-width;
214
214
  }
215
215
  }
216
216
  }
@@ -112,7 +112,9 @@ select {
112
112
  appearance: none;
113
113
  background-color: $color-white;
114
114
  background-image: asset-url('#{$image-path}/arrow-both.png');
115
- background-image: asset-url('#{$image-path}/arrow-both.svg');
115
+ // Ensure browsers that don't support SVG in background-image (IE 11 and below) fall back to PNG.
116
+ // See https://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/
117
+ background-image: none, url('#{$image-path}/arrow-both.svg'), url('#{$image-path}/arrow-both.png');
116
118
  background-position: right 1.3rem center;
117
119
  background-repeat: no-repeat;
118
120
  background-size: 1rem;
@@ -1,4 +1,4 @@
1
- /*! uswds 1.4.3 */
1
+ /*! uswds 1.4.4 */
2
2
 
3
3
  // Relative font and image file paths
4
4
  $font-path: 'uswds';
@@ -1,5 +1,5 @@
1
1
  module Uswds
2
2
  module Rails
3
- VERSION = '1.4.3'.freeze
3
+ VERSION = '1.4.4'.freeze
4
4
  end
5
5
  end
@@ -102,7 +102,7 @@ $z-index-nav: 9000;
102
102
  @include position(fixed, 0);
103
103
  background: $color-black;
104
104
  opacity: 0;
105
- transition: all 0.2s ease-in-out;
105
+ transition: opacity 0.2s ease-in-out;
106
106
  visibility: hidden;
107
107
  z-index: $z-index-overlay;
108
108
 
@@ -1,8 +1,31 @@
1
1
 
2
2
  .usa-sidenav-list {
3
3
  @include usa-sidenav-list;
4
+ border-bottom: 1px solid;
5
+ border-top: 1px solid;
6
+
7
+ @include media($large-screen) {
8
+ border-bottom: none;
9
+ border-top: none;
10
+ }
11
+
12
+ .usa-grid & {
13
+ @include margin(null (-$site-margins-mobile) null (-$site-margins-mobile));
14
+
15
+ @include media($medium-screen) {
16
+ @include margin(null 0);
17
+ }
18
+ }
4
19
  }
5
20
 
6
21
  .usa-sidenav-sub_list {
7
22
  @include usa-sidenav-sublist;
8
23
  }
24
+
25
+ .usa-layout-docs-sidenav {
26
+ padding-top: 2.4rem;
27
+
28
+ @include media($large-screen) {
29
+ padding-top: 0;
30
+ }
31
+ }
@@ -191,7 +191,7 @@
191
191
  display: block;
192
192
  font-family: $font-sans;
193
193
  line-height: 1.3;
194
- padding: 0.85rem 1rem 0.85rem 1.8rem;
194
+ padding: 0.85rem 1rem 0.85rem $site-margins-mobile;
195
195
  text-decoration: none;
196
196
 
197
197
  &:hover {
@@ -207,10 +207,10 @@
207
207
  }
208
208
 
209
209
  &.usa-current { /* stylelint-disable-line selector-no-qualifying-type */
210
- border-left: 0.4rem solid $color-primary;
210
+ border-left: $sidenav-current-border-width solid $color-primary;
211
211
  color: $color-primary;
212
212
  font-weight: $font-bold;
213
- padding-left: 1.4rem;
213
+ padding-left: $site-margins-mobile - $sidenav-current-border-width;
214
214
  }
215
215
  }
216
216
  }
@@ -128,21 +128,22 @@ $image-path: '../img' !default;
128
128
  $asset-pipeline: false !default;
129
129
 
130
130
  // Magic Numbers
131
- $text-max-width: 66ch !default; // 66 characters per line
132
- $lead-max-width: 77rem !default;
133
- $site-max-width: 1040px !default;
134
- $site-margins: 3rem !default;
135
- $site-margins-mobile: 1.5rem !default;
136
- $article-max-width: 600px !default;
137
- $input-max-width: 46rem !default;
138
- $label-border-radius: 2px !default;
139
- $checkbox-border-radius: 2px !default;
140
- $border-radius: 3px !default;
141
- $button-border-radius: 5px !default;
142
- $box-shadow: 0 0 2px $color-shadow !default;
143
- $focus-outline: 2px dotted $color-gray-light;
144
- $focus-spacing: 3px;
145
- $nav-width: 951px !default;
131
+ $text-max-width: 66ch !default; // 66 characters per line
132
+ $lead-max-width: 77rem !default;
133
+ $site-max-width: 1040px !default;
134
+ $site-margins: 3rem !default;
135
+ $site-margins-mobile: 1.5rem !default;
136
+ $article-max-width: 600px !default;
137
+ $input-max-width: 46rem !default;
138
+ $label-border-radius: 2px !default;
139
+ $checkbox-border-radius: 2px !default;
140
+ $border-radius: 3px !default;
141
+ $button-border-radius: 5px !default;
142
+ $box-shadow: 0 0 2px $color-shadow !default;
143
+ $focus-outline: 2px dotted $color-gray-light !default;
144
+ $focus-spacing: 3px !default;
145
+ $nav-width: 951px !default;
146
+ $sidenav-current-border-width: 0.4rem !default; // must be in rem for math
146
147
 
147
148
  // 44 x 44 pixels hit target following Apple iOS Human Interface
148
149
  // Guidelines
@@ -112,7 +112,9 @@ select {
112
112
  appearance: none;
113
113
  background-color: $color-white;
114
114
  background-image: url('#{$image-path}/arrow-both.png');
115
- background-image: url('#{$image-path}/arrow-both.svg');
115
+ // Ensure browsers that don't support SVG in background-image (IE 11 and below) fall back to PNG.
116
+ // See https://www.broken-links.com/2010/06/14/using-svg-in-backgrounds-with-png-fallback/
117
+ background-image: none, url('#{$image-path}/arrow-both.svg'), url('#{$image-path}/arrow-both.png');
116
118
  background-position: right 1.3rem center;
117
119
  background-repeat: no-repeat;
118
120
  background-size: 1rem;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: uswds-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.4.3
4
+ version: 1.4.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jason Garber
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-11-30 00:00:00.000000000 Z
11
+ date: 2017-12-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler