dxw_govuk_frontend_rails 2.9.0.pre.alpha.1

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.
Files changed (134) hide show
  1. checksums.yaml +7 -0
  2. data/.circleci/config.yml +33 -0
  3. data/.circleci/setup-rubygems.sh +3 -0
  4. data/.gitignore +9 -0
  5. data/CODE_OF_CONDUCT.md +74 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +91 -0
  9. data/Rakefile +50 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +8 -0
  12. data/dxw_govuk_frontend_rails.gemspec +27 -0
  13. data/lib/dxw_govuk_frontend_rails/version.rb +3 -0
  14. data/lib/dxw_govuk_frontend_rails.rb +12 -0
  15. data/package-lock.json +13 -0
  16. data/package.json +26 -0
  17. data/vendor/assets/fonts/bold-a2452cb66f-v1.woff2 +0 -0
  18. data/vendor/assets/fonts/bold-f38c792ac2-v1.woff +0 -0
  19. data/vendor/assets/fonts/bold-fb2676462a-v1.eot +0 -0
  20. data/vendor/assets/fonts/bold-tabular-357fdfbcc3-v1.eot +0 -0
  21. data/vendor/assets/fonts/bold-tabular-784c21afb8-v1.woff +0 -0
  22. data/vendor/assets/fonts/bold-tabular-b89238d840-v1.woff2 +0 -0
  23. data/vendor/assets/fonts/light-2c037cf7e1-v1.eot +0 -0
  24. data/vendor/assets/fonts/light-458f8ea81c-v1.woff +0 -0
  25. data/vendor/assets/fonts/light-f38ad40456-v1.woff2 +0 -0
  26. data/vendor/assets/fonts/light-tabular-498ea8ffe2-v1.eot +0 -0
  27. data/vendor/assets/fonts/light-tabular-62cc6f0a28-v1.woff +0 -0
  28. data/vendor/assets/fonts/light-tabular-851b10ccdd-v1.woff2 +0 -0
  29. data/vendor/assets/images/favicon.ico +0 -0
  30. data/vendor/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
  31. data/vendor/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
  32. data/vendor/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
  33. data/vendor/assets/images/govuk-apple-touch-icon.png +0 -0
  34. data/vendor/assets/images/govuk-crest-2x.png +0 -0
  35. data/vendor/assets/images/govuk-crest.png +0 -0
  36. data/vendor/assets/images/govuk-logotype-crown.png +0 -0
  37. data/vendor/assets/images/govuk-mask-icon.svg +7 -0
  38. data/vendor/assets/images/govuk-opengraph-image.png +0 -0
  39. data/vendor/assets/images/icon-arrow-left.png +0 -0
  40. data/vendor/assets/images/icon-important.png +0 -0
  41. data/vendor/assets/images/icon-pointer-2x.png +0 -0
  42. data/vendor/assets/images/icon-pointer.png +0 -0
  43. data/vendor/assets/javascripts/govuk_frontend_rails.js +2358 -0
  44. data/vendor/assets/stylesheets/all-ie8.scss +6 -0
  45. data/vendor/assets/stylesheets/all.scss +11 -0
  46. data/vendor/assets/stylesheets/components/_all.scss +29 -0
  47. data/vendor/assets/stylesheets/components/accordion/_accordion.scss +188 -0
  48. data/vendor/assets/stylesheets/components/back-link/_back-link.scss +54 -0
  49. data/vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss +119 -0
  50. data/vendor/assets/stylesheets/components/button/_button.scss +180 -0
  51. data/vendor/assets/stylesheets/components/character-count/_character-count.scss +31 -0
  52. data/vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss +161 -0
  53. data/vendor/assets/stylesheets/components/date-input/_date-input.scss +30 -0
  54. data/vendor/assets/stylesheets/components/details/_details.scss +89 -0
  55. data/vendor/assets/stylesheets/components/error-message/_error-message.scss +15 -0
  56. data/vendor/assets/stylesheets/components/error-summary/_error-summary.scss +72 -0
  57. data/vendor/assets/stylesheets/components/fieldset/_fieldset.scss +60 -0
  58. data/vendor/assets/stylesheets/components/file-upload/_file-upload.scss +19 -0
  59. data/vendor/assets/stylesheets/components/footer/_footer.scss +233 -0
  60. data/vendor/assets/stylesheets/components/header/_header.scss +304 -0
  61. data/vendor/assets/stylesheets/components/hint/_hint.scss +50 -0
  62. data/vendor/assets/stylesheets/components/input/_input.scss +77 -0
  63. data/vendor/assets/stylesheets/components/inset-text/_inset-text.scss +28 -0
  64. data/vendor/assets/stylesheets/components/label/_label.scss +45 -0
  65. data/vendor/assets/stylesheets/components/panel/_panel.scss +44 -0
  66. data/vendor/assets/stylesheets/components/phase-banner/_phase-banner.scss +31 -0
  67. data/vendor/assets/stylesheets/components/radios/_radios.scss +187 -0
  68. data/vendor/assets/stylesheets/components/select/_select.scss +32 -0
  69. data/vendor/assets/stylesheets/components/skip-link/_skip-link.scss +26 -0
  70. data/vendor/assets/stylesheets/components/summary-list/_summary-list.scss +123 -0
  71. data/vendor/assets/stylesheets/components/table/_table.scss +53 -0
  72. data/vendor/assets/stylesheets/components/tabs/_tabs.scss +130 -0
  73. data/vendor/assets/stylesheets/components/tag/_tag.scss +33 -0
  74. data/vendor/assets/stylesheets/components/textarea/_textarea.scss +32 -0
  75. data/vendor/assets/stylesheets/components/warning-text/_warning-text.scss +59 -0
  76. data/vendor/assets/stylesheets/core/_all.scss +6 -0
  77. data/vendor/assets/stylesheets/core/_global-styles.scss +23 -0
  78. data/vendor/assets/stylesheets/core/_links.scss +31 -0
  79. data/vendor/assets/stylesheets/core/_lists.scss +58 -0
  80. data/vendor/assets/stylesheets/core/_section-break.scss +60 -0
  81. data/vendor/assets/stylesheets/core/_template.scss +35 -0
  82. data/vendor/assets/stylesheets/core/_typography.scss +190 -0
  83. data/vendor/assets/stylesheets/govuk-frontend-rails.scss +16 -0
  84. data/vendor/assets/stylesheets/helpers/_all.scss +12 -0
  85. data/vendor/assets/stylesheets/helpers/_clearfix.scss +15 -0
  86. data/vendor/assets/stylesheets/helpers/_colour.scss +51 -0
  87. data/vendor/assets/stylesheets/helpers/_device-pixels.scss +38 -0
  88. data/vendor/assets/stylesheets/helpers/_focusable.scss +34 -0
  89. data/vendor/assets/stylesheets/helpers/_font-faces.scss +67 -0
  90. data/vendor/assets/stylesheets/helpers/_grid.scss +107 -0
  91. data/vendor/assets/stylesheets/helpers/_links.scss +200 -0
  92. data/vendor/assets/stylesheets/helpers/_media-queries.scss +95 -0
  93. data/vendor/assets/stylesheets/helpers/_shape-arrow.scss +80 -0
  94. data/vendor/assets/stylesheets/helpers/_spacing.scss +152 -0
  95. data/vendor/assets/stylesheets/helpers/_typography.scss +188 -0
  96. data/vendor/assets/stylesheets/helpers/_visually-hidden.scss +82 -0
  97. data/vendor/assets/stylesheets/objects/_all.scss +4 -0
  98. data/vendor/assets/stylesheets/objects/_form-group.scss +25 -0
  99. data/vendor/assets/stylesheets/objects/_grid.scss +27 -0
  100. data/vendor/assets/stylesheets/objects/_main-wrapper.scss +53 -0
  101. data/vendor/assets/stylesheets/objects/_width-container.scss +63 -0
  102. data/vendor/assets/stylesheets/overrides/_all.scss +4 -0
  103. data/vendor/assets/stylesheets/overrides/_display.scss +18 -0
  104. data/vendor/assets/stylesheets/overrides/_spacing.scss +62 -0
  105. data/vendor/assets/stylesheets/overrides/_typography.scss +25 -0
  106. data/vendor/assets/stylesheets/overrides/_width.scss +49 -0
  107. data/vendor/assets/stylesheets/settings/_all.scss +21 -0
  108. data/vendor/assets/stylesheets/settings/_assets.scss +82 -0
  109. data/vendor/assets/stylesheets/settings/_colours-applied.scss +140 -0
  110. data/vendor/assets/stylesheets/settings/_colours-organisations.scss +136 -0
  111. data/vendor/assets/stylesheets/settings/_colours-palette.scss +37 -0
  112. data/vendor/assets/stylesheets/settings/_compatibility.scss +51 -0
  113. data/vendor/assets/stylesheets/settings/_global-styles.scss +13 -0
  114. data/vendor/assets/stylesheets/settings/_ie8.scss +18 -0
  115. data/vendor/assets/stylesheets/settings/_measurements.scss +99 -0
  116. data/vendor/assets/stylesheets/settings/_media-queries.scss +23 -0
  117. data/vendor/assets/stylesheets/settings/_spacing.scss +80 -0
  118. data/vendor/assets/stylesheets/settings/_typography-font-families.scss +22 -0
  119. data/vendor/assets/stylesheets/settings/_typography-font.scss +60 -0
  120. data/vendor/assets/stylesheets/settings/_typography-responsive.scss +180 -0
  121. data/vendor/assets/stylesheets/tools/_all.scss +8 -0
  122. data/vendor/assets/stylesheets/tools/_compatibility.scss +36 -0
  123. data/vendor/assets/stylesheets/tools/_exports.scss +33 -0
  124. data/vendor/assets/stylesheets/tools/_font-url.scss +28 -0
  125. data/vendor/assets/stylesheets/tools/_ie8.scss +51 -0
  126. data/vendor/assets/stylesheets/tools/_iff.scss +15 -0
  127. data/vendor/assets/stylesheets/tools/_image-url.scss +28 -0
  128. data/vendor/assets/stylesheets/tools/_px-to-em.scss +20 -0
  129. data/vendor/assets/stylesheets/tools/_px-to-rem.scss +20 -0
  130. data/vendor/assets/stylesheets/utilities/_all.scss +2 -0
  131. data/vendor/assets/stylesheets/utilities/_clearfix.scss +5 -0
  132. data/vendor/assets/stylesheets/utilities/_visually-hidden.scss +10 -0
  133. data/vendor/assets/stylesheets/vendor/_sass-mq.scss +351 -0
  134. metadata +204 -0
@@ -0,0 +1,351 @@
1
+ // mq() v4.0.2
2
+ // sass-mq/sass-mq
3
+
4
+ // sass-lint:disable-all
5
+
6
+ @charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
7
+ // See https://github.com/sass-mq/sass-mq/pull/10
8
+
9
+ /// Base font size on the `<body>` element
10
+ /// @type Number (unit)
11
+ $mq-base-font-size: 16px !default;
12
+
13
+ /// Responsive mode
14
+ ///
15
+ /// Set to `false` to enable support for browsers that do not support @media queries,
16
+ /// (IE <= 8, Firefox <= 3, Opera <= 9)
17
+ ///
18
+ /// You could create a stylesheet served exclusively to older browsers,
19
+ /// where @media queries are rasterized
20
+ ///
21
+ /// @example scss
22
+ /// // old-ie.scss
23
+ /// $mq-responsive: false;
24
+ /// @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint
25
+ /// // larger breakpoints will be ignored
26
+ ///
27
+ /// @type Boolean
28
+ /// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation
29
+ $mq-responsive: true !default;
30
+
31
+ /// Breakpoint list
32
+ ///
33
+ /// Name your breakpoints in a way that creates a ubiquitous language
34
+ /// across team members. It will improve communication between
35
+ /// stakeholders, designers, developers, and testers.
36
+ ///
37
+ /// @type Map
38
+ /// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
39
+ $mq-breakpoints: (
40
+ mobile: 320px,
41
+ tablet: 740px,
42
+ desktop: 980px,
43
+ wide: 1300px
44
+ ) !default;
45
+
46
+ /// Static breakpoint (for fixed-width layouts)
47
+ ///
48
+ /// Define the breakpoint from $mq-breakpoints that should
49
+ /// be used as the target width for the fixed-width layout
50
+ /// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss
51
+ ///
52
+ /// @example scss
53
+ /// // tablet-only.scss
54
+ /// //
55
+ /// // Ignore all styles above tablet breakpoint,
56
+ /// // and fix the styles (e.g. layout) at tablet width
57
+ /// $mq-responsive: false;
58
+ /// $mq-static-breakpoint: tablet;
59
+ /// @import 'main'; // @media queries in this file will be rasterized up to tablet
60
+ /// // larger breakpoints will be ignored
61
+ ///
62
+ /// @type String
63
+ /// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples
64
+ $mq-static-breakpoint: desktop !default;
65
+
66
+ /// Show breakpoints in the top right corner
67
+ ///
68
+ /// If you want to display the currently active breakpoint in the top
69
+ /// right corner of your site during development, add the breakpoints
70
+ /// to this list, ordered by width, e.g. (mobile, tablet, desktop).
71
+ ///
72
+ /// @type map
73
+ $mq-show-breakpoints: () !default;
74
+
75
+ /// Customize the media type (e.g. `@media screen` or `@media print`)
76
+ /// By default sass-mq uses an "all" media type (`@media all and …`)
77
+ ///
78
+ /// @type String
79
+ /// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples
80
+ $mq-media-type: all !default;
81
+
82
+ /// Convert pixels to ems
83
+ ///
84
+ /// @param {Number} $px - value to convert
85
+ /// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size
86
+ ///
87
+ /// @example scss
88
+ /// $font-size-in-ems: mq-px2em(16px);
89
+ /// p { font-size: mq-px2em(16px); }
90
+ ///
91
+ /// @requires $mq-base-font-size
92
+ /// @returns {Number}
93
+ @function mq-px2em($px, $base-font-size: $mq-base-font-size) {
94
+ @if unitless($px) {
95
+ @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
96
+ @return mq-px2em($px * 1px, $base-font-size);
97
+ } @else if unit($px) == em {
98
+ @return $px;
99
+ }
100
+ @return ($px / $base-font-size) * 1em;
101
+ }
102
+
103
+ /// Get a breakpoint's width
104
+ ///
105
+ /// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
106
+ ///
107
+ /// @example scss
108
+ /// $tablet-width: mq-get-breakpoint-width(tablet);
109
+ /// @media (min-width: mq-get-breakpoint-width(desktop)) {}
110
+ ///
111
+ /// @requires {Variable} $mq-breakpoints
112
+ ///
113
+ /// @returns {Number} Value in pixels
114
+ @function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
115
+ @if map-has-key($breakpoints, $name) {
116
+ @return map-get($breakpoints, $name);
117
+ } @else {
118
+ @warn "Breakpoint #{$name} wasn't found in $breakpoints.";
119
+ }
120
+ }
121
+
122
+ /// Media Query mixin
123
+ ///
124
+ /// @param {String | Boolean} $from (false) - One of $mq-breakpoints
125
+ /// @param {String | Boolean} $until (false) - One of $mq-breakpoints
126
+ /// @param {String | Boolean} $and (false) - Additional media query parameters
127
+ /// @param {String} $media-type ($mq-media-type) - Media type: screen, print…
128
+ ///
129
+ /// @ignore Undocumented API, for advanced use only:
130
+ /// @ignore @param {Map} $breakpoints ($mq-breakpoints)
131
+ /// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)
132
+ ///
133
+ /// @content styling rules, wrapped into a @media query when $responsive is true
134
+ ///
135
+ /// @requires {Variable} $mq-media-type
136
+ /// @requires {Variable} $mq-breakpoints
137
+ /// @requires {Variable} $mq-static-breakpoint
138
+ /// @requires {function} mq-px2em
139
+ /// @requires {function} mq-get-breakpoint-width
140
+ ///
141
+ /// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
142
+ ///
143
+ /// @example scss
144
+ /// .element {
145
+ /// @include mq($from: mobile) {
146
+ /// color: red;
147
+ /// }
148
+ /// @include mq($until: tablet) {
149
+ /// color: blue;
150
+ /// }
151
+ /// @include mq(mobile, tablet) {
152
+ /// color: green;
153
+ /// }
154
+ /// @include mq($from: tablet, $and: '(orientation: landscape)') {
155
+ /// color: teal;
156
+ /// }
157
+ /// @include mq(950px) {
158
+ /// color: hotpink;
159
+ /// }
160
+ /// @include mq(tablet, $media-type: screen) {
161
+ /// color: hotpink;
162
+ /// }
163
+ /// // Advanced use:
164
+ /// $my-breakpoints: (L: 900px, XL: 1200px);
165
+ /// @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {
166
+ /// color: hotpink;
167
+ /// }
168
+ /// }
169
+ @mixin mq(
170
+ $from: false,
171
+ $until: false,
172
+ $and: false,
173
+ $media-type: $mq-media-type,
174
+ $breakpoints: $mq-breakpoints,
175
+ $responsive: $mq-responsive,
176
+ $static-breakpoint: $mq-static-breakpoint
177
+ ) {
178
+ $min-width: 0;
179
+ $max-width: 0;
180
+ $media-query: '';
181
+
182
+ // From: this breakpoint (inclusive)
183
+ @if $from {
184
+ @if type-of($from) == number {
185
+ $min-width: mq-px2em($from);
186
+ } @else {
187
+ $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));
188
+ }
189
+ }
190
+
191
+ // Until: that breakpoint (exclusive)
192
+ @if $until {
193
+ @if type-of($until) == number {
194
+ $max-width: mq-px2em($until);
195
+ } @else {
196
+ $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;
197
+ }
198
+ }
199
+
200
+ // Responsive support is disabled, rasterize the output outside @media blocks
201
+ // The browser will rely on the cascade itself.
202
+ @if $responsive == false {
203
+ $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);
204
+ $target-width: mq-px2em($static-breakpoint-width);
205
+
206
+ // Output only rules that start at or span our target width
207
+ @if (
208
+ $and == false
209
+ and $min-width <= $target-width
210
+ and (
211
+ $until == false or $max-width >= $target-width
212
+ )
213
+ and $media-type != 'print'
214
+ ) {
215
+ @content;
216
+ }
217
+ }
218
+
219
+ // Responsive support is enabled, output rules inside @media queries
220
+ @else {
221
+ @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }
222
+ @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }
223
+ @if $and { $media-query: '#{$media-query} and #{$and}'; }
224
+
225
+ // Remove unnecessary media query prefix 'all and '
226
+ @if ($media-type == 'all' and $media-query != '') {
227
+ $media-type: '';
228
+ $media-query: str-slice(unquote($media-query), 6);
229
+ }
230
+
231
+ @media #{$media-type + $media-query} {
232
+ @content;
233
+ }
234
+ }
235
+ }
236
+
237
+ /// Quick sort
238
+ ///
239
+ /// @author Sam Richards
240
+ /// @access private
241
+ /// @param {List} $list - List to sort
242
+ /// @returns {List} Sorted List
243
+ @function _mq-quick-sort($list) {
244
+ $less: ();
245
+ $equal: ();
246
+ $large: ();
247
+
248
+ @if length($list) > 1 {
249
+ $seed: nth($list, ceil(length($list) / 2));
250
+
251
+ @each $item in $list {
252
+ @if ($item == $seed) {
253
+ $equal: append($equal, $item);
254
+ } @else if ($item < $seed) {
255
+ $less: append($less, $item);
256
+ } @else if ($item > $seed) {
257
+ $large: append($large, $item);
258
+ }
259
+ }
260
+
261
+ @return join(join(_mq-quick-sort($less), $equal), _mq-quick-sort($large));
262
+ }
263
+
264
+ @return $list;
265
+ }
266
+
267
+ /// Sort a map by values (works with numbers only)
268
+ ///
269
+ /// @access private
270
+ /// @param {Map} $map - Map to sort
271
+ /// @returns {Map} Map sorted by value
272
+ @function _mq-map-sort-by-value($map) {
273
+ $map-sorted: ();
274
+ $map-keys: map-keys($map);
275
+ $map-values: map-values($map);
276
+ $map-values-sorted: _mq-quick-sort($map-values);
277
+
278
+ // Reorder key/value pairs based on key values
279
+ @each $value in $map-values-sorted {
280
+ $index: index($map-values, $value);
281
+ $key: nth($map-keys, $index);
282
+ $map-sorted: map-merge($map-sorted, ($key: $value));
283
+
284
+ // Unset the value in $map-values to prevent the loop
285
+ // from finding the same index twice
286
+ $map-values: set-nth($map-values, $index, 0);
287
+ }
288
+
289
+ @return $map-sorted;
290
+ }
291
+
292
+ /// Add a breakpoint
293
+ ///
294
+ /// @param {String} $name - Name of the breakpoint
295
+ /// @param {Number} $width - Width of the breakpoint
296
+ ///
297
+ /// @requires {Variable} $mq-breakpoints
298
+ ///
299
+ /// @example scss
300
+ /// @include mq-add-breakpoint(tvscreen, 1920px);
301
+ /// @include mq(tvscreen) {}
302
+ @mixin mq-add-breakpoint($name, $width) {
303
+ $new-breakpoint: ($name: $width);
304
+ $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;
305
+ $mq-breakpoints: _mq-map-sort-by-value($mq-breakpoints) !global;
306
+ }
307
+
308
+ /// Show the active breakpoint in the top right corner of the viewport
309
+ /// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
310
+ ///
311
+ /// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner
312
+ /// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes
313
+ ///
314
+ /// @requires {Variable} $mq-breakpoints
315
+ /// @requires {Variable} $mq-show-breakpoints
316
+ ///
317
+ /// @example scss
318
+ /// // Show breakpoints using global settings
319
+ /// @include mq-show-breakpoints;
320
+ ///
321
+ /// // Show breakpoints using custom settings
322
+ /// @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
323
+ @mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
324
+ body:before {
325
+ background-color: #FCF8E3;
326
+ border-bottom: 1px solid #FBEED5;
327
+ border-left: 1px solid #FBEED5;
328
+ color: #C09853;
329
+ font: small-caption;
330
+ padding: 3px 6px;
331
+ pointer-events: none;
332
+ position: fixed;
333
+ right: 0;
334
+ top: 0;
335
+ z-index: 100;
336
+
337
+ // Loop through the breakpoints that should be shown
338
+ @each $show-breakpoint in $show-breakpoints {
339
+ $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);
340
+ @include mq($show-breakpoint, $breakpoints: $breakpoints) {
341
+ content: "#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})";
342
+ }
343
+ }
344
+ }
345
+ }
346
+
347
+ @if length($mq-show-breakpoints) > 0 {
348
+ @include mq-show-breakpoints;
349
+ }
350
+
351
+ // sass-lint:enable-all
metadata ADDED
@@ -0,0 +1,204 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: dxw_govuk_frontend_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 2.9.0.pre.alpha.1
5
+ platform: ruby
6
+ authors:
7
+ - mec
8
+ - pezholio
9
+ autorequire:
10
+ bindir: exe
11
+ cert_chain: []
12
+ date: 2019-03-29 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: bundler
16
+ requirement: !ruby/object:Gem::Requirement
17
+ requirements:
18
+ - - "~>"
19
+ - !ruby/object:Gem::Version
20
+ version: '2.0'
21
+ type: :development
22
+ prerelease: false
23
+ version_requirements: !ruby/object:Gem::Requirement
24
+ requirements:
25
+ - - "~>"
26
+ - !ruby/object:Gem::Version
27
+ version: '2.0'
28
+ - !ruby/object:Gem::Dependency
29
+ name: rake
30
+ requirement: !ruby/object:Gem::Requirement
31
+ requirements:
32
+ - - "~>"
33
+ - !ruby/object:Gem::Version
34
+ version: '10.0'
35
+ type: :development
36
+ prerelease: false
37
+ version_requirements: !ruby/object:Gem::Requirement
38
+ requirements:
39
+ - - "~>"
40
+ - !ruby/object:Gem::Version
41
+ version: '10.0'
42
+ description: Adds the GOVUK frontend to a Rails application.
43
+ email:
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".circleci/config.yml"
49
+ - ".circleci/setup-rubygems.sh"
50
+ - ".gitignore"
51
+ - CODE_OF_CONDUCT.md
52
+ - Gemfile
53
+ - LICENSE.txt
54
+ - README.md
55
+ - Rakefile
56
+ - bin/console
57
+ - bin/setup
58
+ - dxw_govuk_frontend_rails.gemspec
59
+ - lib/dxw_govuk_frontend_rails.rb
60
+ - lib/dxw_govuk_frontend_rails/version.rb
61
+ - package-lock.json
62
+ - package.json
63
+ - vendor/assets/fonts/bold-a2452cb66f-v1.woff2
64
+ - vendor/assets/fonts/bold-f38c792ac2-v1.woff
65
+ - vendor/assets/fonts/bold-fb2676462a-v1.eot
66
+ - vendor/assets/fonts/bold-tabular-357fdfbcc3-v1.eot
67
+ - vendor/assets/fonts/bold-tabular-784c21afb8-v1.woff
68
+ - vendor/assets/fonts/bold-tabular-b89238d840-v1.woff2
69
+ - vendor/assets/fonts/light-2c037cf7e1-v1.eot
70
+ - vendor/assets/fonts/light-458f8ea81c-v1.woff
71
+ - vendor/assets/fonts/light-f38ad40456-v1.woff2
72
+ - vendor/assets/fonts/light-tabular-498ea8ffe2-v1.eot
73
+ - vendor/assets/fonts/light-tabular-62cc6f0a28-v1.woff
74
+ - vendor/assets/fonts/light-tabular-851b10ccdd-v1.woff2
75
+ - vendor/assets/images/favicon.ico
76
+ - vendor/assets/images/govuk-apple-touch-icon-152x152.png
77
+ - vendor/assets/images/govuk-apple-touch-icon-167x167.png
78
+ - vendor/assets/images/govuk-apple-touch-icon-180x180.png
79
+ - vendor/assets/images/govuk-apple-touch-icon.png
80
+ - vendor/assets/images/govuk-crest-2x.png
81
+ - vendor/assets/images/govuk-crest.png
82
+ - vendor/assets/images/govuk-logotype-crown.png
83
+ - vendor/assets/images/govuk-mask-icon.svg
84
+ - vendor/assets/images/govuk-opengraph-image.png
85
+ - vendor/assets/images/icon-arrow-left.png
86
+ - vendor/assets/images/icon-important.png
87
+ - vendor/assets/images/icon-pointer-2x.png
88
+ - vendor/assets/images/icon-pointer.png
89
+ - vendor/assets/javascripts/govuk_frontend_rails.js
90
+ - vendor/assets/stylesheets/all-ie8.scss
91
+ - vendor/assets/stylesheets/all.scss
92
+ - vendor/assets/stylesheets/components/_all.scss
93
+ - vendor/assets/stylesheets/components/accordion/_accordion.scss
94
+ - vendor/assets/stylesheets/components/back-link/_back-link.scss
95
+ - vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss
96
+ - vendor/assets/stylesheets/components/button/_button.scss
97
+ - vendor/assets/stylesheets/components/character-count/_character-count.scss
98
+ - vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss
99
+ - vendor/assets/stylesheets/components/date-input/_date-input.scss
100
+ - vendor/assets/stylesheets/components/details/_details.scss
101
+ - vendor/assets/stylesheets/components/error-message/_error-message.scss
102
+ - vendor/assets/stylesheets/components/error-summary/_error-summary.scss
103
+ - vendor/assets/stylesheets/components/fieldset/_fieldset.scss
104
+ - vendor/assets/stylesheets/components/file-upload/_file-upload.scss
105
+ - vendor/assets/stylesheets/components/footer/_footer.scss
106
+ - vendor/assets/stylesheets/components/header/_header.scss
107
+ - vendor/assets/stylesheets/components/hint/_hint.scss
108
+ - vendor/assets/stylesheets/components/input/_input.scss
109
+ - vendor/assets/stylesheets/components/inset-text/_inset-text.scss
110
+ - vendor/assets/stylesheets/components/label/_label.scss
111
+ - vendor/assets/stylesheets/components/panel/_panel.scss
112
+ - vendor/assets/stylesheets/components/phase-banner/_phase-banner.scss
113
+ - vendor/assets/stylesheets/components/radios/_radios.scss
114
+ - vendor/assets/stylesheets/components/select/_select.scss
115
+ - vendor/assets/stylesheets/components/skip-link/_skip-link.scss
116
+ - vendor/assets/stylesheets/components/summary-list/_summary-list.scss
117
+ - vendor/assets/stylesheets/components/table/_table.scss
118
+ - vendor/assets/stylesheets/components/tabs/_tabs.scss
119
+ - vendor/assets/stylesheets/components/tag/_tag.scss
120
+ - vendor/assets/stylesheets/components/textarea/_textarea.scss
121
+ - vendor/assets/stylesheets/components/warning-text/_warning-text.scss
122
+ - vendor/assets/stylesheets/core/_all.scss
123
+ - vendor/assets/stylesheets/core/_global-styles.scss
124
+ - vendor/assets/stylesheets/core/_links.scss
125
+ - vendor/assets/stylesheets/core/_lists.scss
126
+ - vendor/assets/stylesheets/core/_section-break.scss
127
+ - vendor/assets/stylesheets/core/_template.scss
128
+ - vendor/assets/stylesheets/core/_typography.scss
129
+ - vendor/assets/stylesheets/govuk-frontend-rails.scss
130
+ - vendor/assets/stylesheets/helpers/_all.scss
131
+ - vendor/assets/stylesheets/helpers/_clearfix.scss
132
+ - vendor/assets/stylesheets/helpers/_colour.scss
133
+ - vendor/assets/stylesheets/helpers/_device-pixels.scss
134
+ - vendor/assets/stylesheets/helpers/_focusable.scss
135
+ - vendor/assets/stylesheets/helpers/_font-faces.scss
136
+ - vendor/assets/stylesheets/helpers/_grid.scss
137
+ - vendor/assets/stylesheets/helpers/_links.scss
138
+ - vendor/assets/stylesheets/helpers/_media-queries.scss
139
+ - vendor/assets/stylesheets/helpers/_shape-arrow.scss
140
+ - vendor/assets/stylesheets/helpers/_spacing.scss
141
+ - vendor/assets/stylesheets/helpers/_typography.scss
142
+ - vendor/assets/stylesheets/helpers/_visually-hidden.scss
143
+ - vendor/assets/stylesheets/objects/_all.scss
144
+ - vendor/assets/stylesheets/objects/_form-group.scss
145
+ - vendor/assets/stylesheets/objects/_grid.scss
146
+ - vendor/assets/stylesheets/objects/_main-wrapper.scss
147
+ - vendor/assets/stylesheets/objects/_width-container.scss
148
+ - vendor/assets/stylesheets/overrides/_all.scss
149
+ - vendor/assets/stylesheets/overrides/_display.scss
150
+ - vendor/assets/stylesheets/overrides/_spacing.scss
151
+ - vendor/assets/stylesheets/overrides/_typography.scss
152
+ - vendor/assets/stylesheets/overrides/_width.scss
153
+ - vendor/assets/stylesheets/settings/_all.scss
154
+ - vendor/assets/stylesheets/settings/_assets.scss
155
+ - vendor/assets/stylesheets/settings/_colours-applied.scss
156
+ - vendor/assets/stylesheets/settings/_colours-organisations.scss
157
+ - vendor/assets/stylesheets/settings/_colours-palette.scss
158
+ - vendor/assets/stylesheets/settings/_compatibility.scss
159
+ - vendor/assets/stylesheets/settings/_global-styles.scss
160
+ - vendor/assets/stylesheets/settings/_ie8.scss
161
+ - vendor/assets/stylesheets/settings/_measurements.scss
162
+ - vendor/assets/stylesheets/settings/_media-queries.scss
163
+ - vendor/assets/stylesheets/settings/_spacing.scss
164
+ - vendor/assets/stylesheets/settings/_typography-font-families.scss
165
+ - vendor/assets/stylesheets/settings/_typography-font.scss
166
+ - vendor/assets/stylesheets/settings/_typography-responsive.scss
167
+ - vendor/assets/stylesheets/tools/_all.scss
168
+ - vendor/assets/stylesheets/tools/_compatibility.scss
169
+ - vendor/assets/stylesheets/tools/_exports.scss
170
+ - vendor/assets/stylesheets/tools/_font-url.scss
171
+ - vendor/assets/stylesheets/tools/_ie8.scss
172
+ - vendor/assets/stylesheets/tools/_iff.scss
173
+ - vendor/assets/stylesheets/tools/_image-url.scss
174
+ - vendor/assets/stylesheets/tools/_px-to-em.scss
175
+ - vendor/assets/stylesheets/tools/_px-to-rem.scss
176
+ - vendor/assets/stylesheets/utilities/_all.scss
177
+ - vendor/assets/stylesheets/utilities/_clearfix.scss
178
+ - vendor/assets/stylesheets/utilities/_visually-hidden.scss
179
+ - vendor/assets/stylesheets/vendor/_sass-mq.scss
180
+ homepage: https://github.com/mec/dxw_govuk_frontend_rails
181
+ licenses:
182
+ - MIT
183
+ metadata: {}
184
+ post_install_message:
185
+ rdoc_options: []
186
+ require_paths:
187
+ - lib
188
+ required_ruby_version: !ruby/object:Gem::Requirement
189
+ requirements:
190
+ - - ">="
191
+ - !ruby/object:Gem::Version
192
+ version: '0'
193
+ required_rubygems_version: !ruby/object:Gem::Requirement
194
+ requirements:
195
+ - - ">"
196
+ - !ruby/object:Gem::Version
197
+ version: 1.3.1
198
+ requirements: []
199
+ rubyforge_project:
200
+ rubygems_version: 2.7.6
201
+ signing_key:
202
+ specification_version: 4
203
+ summary: Adds the GOVUK frontend to a Rails application.
204
+ test_files: []