foundation-rails 6.2.4.0 → 6.3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -2
  3. data/Rakefile +2 -0
  4. data/bower.json +2 -2
  5. data/lib/foundation/rails/version.rb +1 -1
  6. data/lib/generators/foundation/templates/_settings.scss +117 -70
  7. data/lib/generators/foundation/templates/foundation_and_overrides.scss +2 -1
  8. data/vendor/assets/_vendor/normalize-scss/sass/_normalize.scss +3 -0
  9. data/vendor/assets/_vendor/normalize-scss/sass/normalize/_import-now.scss +11 -0
  10. data/vendor/assets/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss +676 -0
  11. data/vendor/assets/_vendor/normalize-scss/sass/normalize/_variables.scss +36 -0
  12. data/vendor/assets/_vendor/normalize-scss/sass/normalize/_vertical-rhythm.scss +61 -0
  13. data/vendor/assets/_vendor/sassy-lists/stylesheets/functions/_purge.scss +38 -0
  14. data/vendor/assets/_vendor/sassy-lists/stylesheets/functions/_remove.scss +31 -0
  15. data/vendor/assets/_vendor/sassy-lists/stylesheets/functions/_replace.scss +46 -0
  16. data/vendor/assets/_vendor/sassy-lists/stylesheets/functions/_to-list.scss +27 -0
  17. data/vendor/assets/_vendor/sassy-lists/stylesheets/helpers/_missing-dependencies.scss +25 -0
  18. data/vendor/assets/_vendor/sassy-lists/stylesheets/helpers/_true.scss +13 -0
  19. data/vendor/assets/js/foundation.abide.js.es6 +28 -0
  20. data/vendor/assets/js/foundation.accordion.js.es6 +1 -1
  21. data/vendor/assets/js/foundation.accordionMenu.js.es6 +9 -1
  22. data/vendor/assets/js/foundation.core.js.es6 +4 -4
  23. data/vendor/assets/js/foundation.drilldown.js.es6 +128 -14
  24. data/vendor/assets/js/foundation.dropdown.js.es6 +48 -42
  25. data/vendor/assets/js/foundation.dropdownMenu.js.es6 +20 -18
  26. data/vendor/assets/js/foundation.equalizer.js.es6 +12 -6
  27. data/vendor/assets/js/foundation.interchange.js.es6 +3 -2
  28. data/vendor/assets/js/foundation.js.es6 +2 -1
  29. data/vendor/assets/js/foundation.magellan.js.es6 +28 -9
  30. data/vendor/assets/js/foundation.offcanvas.js.es6 +90 -123
  31. data/vendor/assets/js/foundation.orbit.js.es6 +61 -10
  32. data/vendor/assets/js/foundation.responsiveMenu.js.es6 +2 -0
  33. data/vendor/assets/js/foundation.responsiveToggle.js.es6 +52 -12
  34. data/vendor/assets/js/foundation.reveal.js.es6 +48 -48
  35. data/vendor/assets/js/foundation.slider.js.es6 +124 -42
  36. data/vendor/assets/js/foundation.sticky.js.es6 +11 -9
  37. data/vendor/assets/js/foundation.tabs.js.es6 +164 -35
  38. data/vendor/assets/js/foundation.toggler.js.es6 +3 -0
  39. data/vendor/assets/js/foundation.tooltip.js.es6 +20 -10
  40. data/vendor/assets/js/foundation.util.box.js.es6 +2 -2
  41. data/vendor/assets/js/foundation.util.keyboard.js.es6 +37 -0
  42. data/vendor/assets/js/foundation.util.mediaQuery.js.es6 +16 -0
  43. data/vendor/assets/js/foundation.util.motion.js.es6 +7 -1
  44. data/vendor/assets/js/foundation.util.nest.js.es6 +10 -5
  45. data/vendor/assets/js/foundation.util.timerAndImageLoader.js.es6 +6 -4
  46. data/vendor/assets/js/foundation.util.triggers.js.es6 +54 -36
  47. data/vendor/assets/js/foundation.zf.responsiveAccordionTabs.js.es6 +240 -0
  48. data/vendor/assets/scss/_global.scss +25 -450
  49. data/vendor/assets/scss/components/_accordion-menu.scss +8 -4
  50. data/vendor/assets/scss/components/_accordion.scss +43 -22
  51. data/vendor/assets/scss/components/_badge.scss +17 -9
  52. data/vendor/assets/scss/components/_breadcrumbs.scss +7 -5
  53. data/vendor/assets/scss/components/_button-group.scss +54 -6
  54. data/vendor/assets/scss/components/_button.scss +27 -16
  55. data/vendor/assets/scss/components/_callout.scss +3 -2
  56. data/vendor/assets/scss/components/_card.scss +121 -0
  57. data/vendor/assets/scss/components/_close-button.scss +54 -13
  58. data/vendor/assets/scss/components/_drilldown.scss +19 -5
  59. data/vendor/assets/scss/components/_dropdown-menu.scss +23 -18
  60. data/vendor/assets/scss/components/_dropdown.scss +14 -7
  61. data/vendor/assets/scss/components/_flex-video.scss +1 -63
  62. data/vendor/assets/scss/components/_float.scss +1 -1
  63. data/vendor/assets/scss/components/_label.scss +16 -8
  64. data/vendor/assets/scss/components/_media-object.scss +2 -3
  65. data/vendor/assets/scss/components/_menu.scss +68 -33
  66. data/vendor/assets/scss/components/_off-canvas.scss +231 -80
  67. data/vendor/assets/scss/components/_orbit.scss +8 -6
  68. data/vendor/assets/scss/components/_pagination.scss +42 -22
  69. data/vendor/assets/scss/components/_progress-bar.scss +1 -1
  70. data/vendor/assets/scss/components/_responsive-embed.scss +66 -0
  71. data/vendor/assets/scss/components/_reveal.scss +17 -11
  72. data/vendor/assets/scss/components/_slider.scss +6 -1
  73. data/vendor/assets/scss/components/_sticky.scss +3 -3
  74. data/vendor/assets/scss/components/_switch.scss +47 -36
  75. data/vendor/assets/scss/components/_table.scss +83 -23
  76. data/vendor/assets/scss/components/_tabs.scss +54 -23
  77. data/vendor/assets/scss/components/_thumbnail.scss +17 -4
  78. data/vendor/assets/scss/components/_title-bar.scss +5 -6
  79. data/vendor/assets/scss/components/_tooltip.scss +15 -12
  80. data/vendor/assets/scss/components/_top-bar.scss +11 -8
  81. data/vendor/assets/scss/forms/_checkbox.scss +2 -1
  82. data/vendor/assets/scss/forms/_error.scss +10 -6
  83. data/vendor/assets/scss/forms/_fieldset.scss +7 -7
  84. data/vendor/assets/scss/forms/_input-group.scss +17 -11
  85. data/vendor/assets/scss/forms/_label.scss +2 -0
  86. data/vendor/assets/scss/forms/_meter.scss +9 -10
  87. data/vendor/assets/scss/forms/_progress.scss +9 -9
  88. data/vendor/assets/scss/forms/_range.scss +20 -15
  89. data/vendor/assets/scss/forms/_select.scss +26 -8
  90. data/vendor/assets/scss/forms/_text.scss +19 -16
  91. data/vendor/assets/scss/foundation.scss +19 -3
  92. data/vendor/assets/scss/grid/_classes.scss +31 -14
  93. data/vendor/assets/scss/grid/_column.scss +10 -24
  94. data/vendor/assets/scss/grid/_flex-grid.scss +84 -76
  95. data/vendor/assets/scss/grid/_grid.scss +0 -16
  96. data/vendor/assets/scss/grid/_gutter.scss +53 -5
  97. data/vendor/assets/scss/grid/_layout.scss +3 -3
  98. data/vendor/assets/scss/grid/_position.scss +3 -3
  99. data/vendor/assets/scss/grid/_row.scss +24 -19
  100. data/vendor/assets/scss/settings/_settings.scss +117 -70
  101. data/vendor/assets/scss/typography/_base.scss +110 -44
  102. data/vendor/assets/scss/typography/_helpers.scss +1 -0
  103. data/vendor/assets/scss/typography/_print.scss +7 -3
  104. data/vendor/assets/scss/typography/_typography.scss +0 -2
  105. data/vendor/assets/scss/util/_breakpoint.scss +28 -19
  106. data/vendor/assets/scss/util/_color.scss +69 -16
  107. data/vendor/assets/scss/util/_flex.scss +20 -3
  108. data/vendor/assets/scss/util/_math.scss +72 -0
  109. data/vendor/assets/scss/util/_mixins.scss +63 -26
  110. data/vendor/assets/scss/util/_selector.scss +3 -2
  111. data/vendor/assets/scss/util/_unit.scss +61 -4
  112. data/vendor/assets/scss/util/_util.scss +1 -0
  113. data/vendor/assets/scss/util/_value.scss +33 -0
  114. metadata +17 -2
@@ -22,11 +22,12 @@
22
22
  @include foundation-breadcrumbs;
23
23
  @include foundation-button-group;
24
24
  @include foundation-callout;
25
+ @include foundation-card;
25
26
  @include foundation-close-button;
26
27
  @include foundation-drilldown-menu;
27
28
  @include foundation-dropdown;
28
29
  @include foundation-dropdown-menu;
29
- @include foundation-flex-video;
30
+ @include foundation-responsive-embed;
30
31
  @include foundation-label;
31
32
  @include foundation-media-object;
32
33
  @include foundation-menu;
@@ -0,0 +1,3 @@
1
+ @import 'normalize/variables';
2
+ @import 'normalize/vertical-rhythm';
3
+ @import 'normalize/normalize-mixin';
@@ -0,0 +1,11 @@
1
+ // Import Now
2
+ //
3
+ // If you import this module directly, it will immediately output all the CSS
4
+ // needed to normalize default HTML elements across all browsers.
5
+ //
6
+ // ```
7
+ // @import "normalize/import-now";
8
+ // ```
9
+
10
+ @import '../normalize';
11
+ @include normalize();
@@ -0,0 +1,676 @@
1
+ // Helper function for the normalize() mixin.
2
+ @function _normalize-include($section, $exclude: null) {
3
+ // Initialize the global variables needed by this function.
4
+ @if not global_variable_exists(_normalize-include) {
5
+ $_normalize-include: () !global;
6
+ $_normalize-exclude: () !global;
7
+ }
8
+ // Since we are given 2 parameters, set the global variables.
9
+ @if $exclude != null {
10
+ $include: $section;
11
+ // Sass doesn't have static variables, so the work-around is to stuff these
12
+ // values into global variables so we can access them in future calls.
13
+ $_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
14
+ $_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
15
+ @return true;
16
+ }
17
+
18
+ // Check if $section is in the $include list.
19
+ @if index($_normalize-include, $section) {
20
+ @return true;
21
+ }
22
+ // If $include is set to (all), make sure $section is not in $exclude.
23
+ @else if not index($_normalize-exclude, $section) and index($_normalize-include, all) {
24
+ @return true;
25
+ }
26
+ @return false;
27
+ }
28
+
29
+ @mixin normalize($include: (all), $exclude: ()) {
30
+ // Initialize the helper function by passing it this mixin's parameters.
31
+ $init: _normalize-include($include, $exclude);
32
+
33
+ // If we've customized any font variables, we'll need extra properties.
34
+ @if $base-font-size != 16px
35
+ or $base-line-height != 24px
36
+ or $base-unit != 'em'
37
+ or $h1-font-size != 2 * $base-font-size
38
+ or $h2-font-size != 1.5 * $base-font-size
39
+ or $h3-font-size != 1.17 * $base-font-size
40
+ or $h4-font-size != 1 * $base-font-size
41
+ or $h5-font-size != 0.83 * $base-font-size
42
+ or $h6-font-size != 0.67 * $base-font-size {
43
+ $normalize-vertical-rhythm: true !global;
44
+ }
45
+
46
+ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
47
+
48
+ @if _normalize-include(document) {
49
+ /* Document
50
+ ========================================================================== */
51
+
52
+ /**
53
+ * 1. Change the default font family in all browsers (opinionated).
54
+ * 2. Correct the line height in all browsers.
55
+ * 3. Prevent adjustments of font size after orientation changes in
56
+ * IE on Windows Phone and in iOS.
57
+ */
58
+
59
+ html {
60
+ font-family: $base-font-family; /* 1 */
61
+ @if $normalize-vertical-rhythm {
62
+ // Correct old browser bug that prevented accessible resizing of text
63
+ // when root font-size is set with px or em.
64
+ font-size: ($base-font-size / 16px) * 100%;
65
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 2 */
66
+ }
67
+ @else {
68
+ line-height: 1.15; /* 2 */
69
+ }
70
+ -ms-text-size-adjust: 100%; /* 3 */
71
+ -webkit-text-size-adjust: 100%; /* 3 */
72
+ }
73
+ }
74
+
75
+ @if _normalize-include(sections) {
76
+ /* Sections
77
+ ========================================================================== */
78
+
79
+ /**
80
+ * Remove the margin in all browsers (opinionated).
81
+ */
82
+
83
+ body {
84
+ margin: 0;
85
+ }
86
+
87
+ /**
88
+ * Add the correct display in IE 9-.
89
+ */
90
+
91
+ article,
92
+ aside,
93
+ footer,
94
+ header,
95
+ nav,
96
+ section {
97
+ display: block;
98
+ }
99
+
100
+ /**
101
+ * Correct the font size and margin on `h1` elements within `section` and
102
+ * `article` contexts in Chrome, Firefox, and Safari.
103
+ */
104
+
105
+ h1 {
106
+ @include normalize-font-size($h1-font-size);
107
+ @if $normalize-vertical-rhythm {
108
+ @include normalize-line-height($h1-font-size);
109
+ }
110
+
111
+ @if $normalize-vertical-rhythm {
112
+ /* Set 1 unit of vertical rhythm on the top and bottom margins. */
113
+ @include normalize-margin(1 0, $h1-font-size);
114
+ }
115
+ @else {
116
+ margin: 0.67em 0;
117
+ }
118
+ }
119
+
120
+ @if $normalize-vertical-rhythm {
121
+ h2 {
122
+ @include normalize-font-size($h2-font-size);
123
+ @include normalize-line-height($h2-font-size);
124
+ @include normalize-margin(1 0, $h2-font-size);
125
+ }
126
+
127
+ h3 {
128
+ @include normalize-font-size($h3-font-size);
129
+ @include normalize-line-height($h3-font-size);
130
+ @include normalize-margin(1 0, $h3-font-size);
131
+ }
132
+
133
+ h4 {
134
+ @include normalize-font-size($h4-font-size);
135
+ @include normalize-line-height($h4-font-size);
136
+ @include normalize-margin(1 0, $h4-font-size);
137
+ }
138
+
139
+ h5 {
140
+ @include normalize-font-size($h5-font-size);
141
+ @include normalize-line-height($h5-font-size);
142
+ @include normalize-margin(1 0, $h5-font-size);
143
+ }
144
+
145
+ h6 {
146
+ @include normalize-font-size($h6-font-size);
147
+ @include normalize-line-height($h6-font-size);
148
+ @include normalize-margin(1 0, $h6-font-size);
149
+ }
150
+ }
151
+ }
152
+
153
+ @if _normalize-include(grouping) {
154
+ /* Grouping content
155
+ ========================================================================== */
156
+
157
+ @if $normalize-vertical-rhythm {
158
+ /**
159
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
160
+ */
161
+
162
+ blockquote {
163
+ @include normalize-margin(1 $indent-amount);
164
+ }
165
+
166
+ dl,
167
+ ol,
168
+ ul {
169
+ @include normalize-margin(1 0);
170
+ }
171
+
172
+ /**
173
+ * Turn off margins on nested lists.
174
+ */
175
+
176
+ ol,
177
+ ul {
178
+ ol,
179
+ ul {
180
+ margin: 0;
181
+ }
182
+ }
183
+
184
+ dd {
185
+ margin: 0 0 0 $indent-amount;
186
+ }
187
+
188
+ ol,
189
+ ul {
190
+ padding: 0 0 0 $indent-amount;
191
+ }
192
+ }
193
+
194
+ /**
195
+ * Add the correct display in IE 9-.
196
+ */
197
+
198
+ figcaption,
199
+ figure {
200
+ display: block;
201
+ }
202
+
203
+ /**
204
+ * Add the correct margin in IE 8.
205
+ */
206
+
207
+ figure {
208
+ @if $normalize-vertical-rhythm {
209
+ @include normalize-margin(1 $indent-amount);
210
+ }
211
+ @else {
212
+ margin: 1em $indent-amount;
213
+ }
214
+ }
215
+
216
+ /**
217
+ * 1. Add the correct box sizing in Firefox.
218
+ * 2. Show the overflow in Edge and IE.
219
+ */
220
+
221
+ hr {
222
+ box-sizing: content-box; /* 1 */
223
+ height: 0; /* 1 */
224
+ overflow: visible; /* 2 */
225
+ }
226
+
227
+ /**
228
+ * Add the correct display in IE.
229
+ */
230
+
231
+ main {
232
+ display: block;
233
+ }
234
+
235
+ @if $normalize-vertical-rhythm {
236
+ /**
237
+ * Set 1 unit of vertical rhythm on the top and bottom margin.
238
+ */
239
+
240
+ p,
241
+ pre {
242
+ @include normalize-margin(1 0);
243
+ }
244
+ }
245
+
246
+ /**
247
+ * 1. Correct the inheritance and scaling of font size in all browsers.
248
+ * 2. Correct the odd `em` font sizing in all browsers.
249
+ */
250
+
251
+ pre {
252
+ font-family: monospace, monospace; /* 1 */
253
+ font-size: 1em; /* 2 */
254
+ }
255
+ }
256
+
257
+ @if _normalize-include(links) {
258
+ /* Links
259
+ ========================================================================== */
260
+
261
+ /**
262
+ * 1. Remove the gray background on active links in IE 10.
263
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
264
+ */
265
+
266
+ a {
267
+ background-color: transparent; /* 1 */
268
+ -webkit-text-decoration-skip: objects; /* 2 */
269
+ }
270
+
271
+ /**
272
+ * Remove the outline on focused links when they are also active or hovered
273
+ * in all browsers (opinionated).
274
+ */
275
+
276
+ a:active,
277
+ a:hover {
278
+ outline-width: 0;
279
+ }
280
+ }
281
+
282
+ @if _normalize-include(text) {
283
+ /* Text-level semantics
284
+ ========================================================================== */
285
+
286
+ /**
287
+ * 1. Remove the bottom border in Firefox 39-.
288
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
289
+ */
290
+
291
+ abbr[title] {
292
+ border-bottom: none; /* 1 */
293
+ text-decoration: underline; /* 2 */
294
+ text-decoration: underline dotted; /* 2 */
295
+ }
296
+
297
+ /**
298
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
299
+ */
300
+
301
+ b,
302
+ strong {
303
+ font-weight: inherit;
304
+ }
305
+
306
+ /**
307
+ * Add the correct font weight in Chrome, Edge, and Safari.
308
+ */
309
+
310
+ b,
311
+ strong {
312
+ font-weight: bolder;
313
+ }
314
+
315
+ /**
316
+ * 1. Correct the inheritance and scaling of font size in all browsers.
317
+ * 2. Correct the odd `em` font sizing in all browsers.
318
+ */
319
+
320
+ code,
321
+ kbd,
322
+ samp {
323
+ font-family: monospace, monospace; /* 1 */
324
+ font-size: 1em; /* 2 */
325
+ }
326
+
327
+ /**
328
+ * Add the correct font style in Android 4.3-.
329
+ */
330
+
331
+ dfn {
332
+ font-style: italic;
333
+ }
334
+
335
+ /**
336
+ * Add the correct background and color in IE 9-.
337
+ */
338
+
339
+ mark {
340
+ background-color: #ff0;
341
+ color: #000;
342
+ }
343
+
344
+ /**
345
+ * Add the correct font size in all browsers.
346
+ */
347
+
348
+ small {
349
+ font-size: 80%;
350
+ }
351
+
352
+ /**
353
+ * Prevent `sub` and `sup` elements from affecting the line height in
354
+ * all browsers.
355
+ */
356
+
357
+ sub,
358
+ sup {
359
+ font-size: 75%;
360
+ line-height: 0;
361
+ position: relative;
362
+ vertical-align: baseline;
363
+ }
364
+
365
+ sub {
366
+ bottom: -0.25em;
367
+ }
368
+
369
+ sup {
370
+ top: -0.5em;
371
+ }
372
+ }
373
+
374
+ @if _normalize-include(embedded) {
375
+ /* Embedded content
376
+ ========================================================================== */
377
+
378
+ /**
379
+ * Add the correct display in IE 9-.
380
+ */
381
+
382
+ audio,
383
+ video {
384
+ display: inline-block;
385
+ }
386
+
387
+ /**
388
+ * Add the correct display in iOS 4-7.
389
+ */
390
+
391
+ audio:not([controls]) {
392
+ display: none;
393
+ height: 0;
394
+ }
395
+
396
+ /**
397
+ * Remove the border on images inside links in IE 10-.
398
+ */
399
+
400
+ img {
401
+ border-style: none;
402
+ }
403
+
404
+ /**
405
+ * Hide the overflow in IE.
406
+ */
407
+
408
+ svg:not(:root) {
409
+ overflow: hidden;
410
+ }
411
+ }
412
+
413
+ @if _normalize-include(forms) {
414
+ /* Forms
415
+ ========================================================================== */
416
+
417
+ /**
418
+ * 1. Change the font styles in all browsers (opinionated).
419
+ * 2. Remove the margin in Firefox and Safari.
420
+ */
421
+
422
+ button,
423
+ input,
424
+ optgroup,
425
+ select,
426
+ textarea {
427
+ font-family: $base-font-family; /* 1 */
428
+ font-size: 100%; /* 1 */
429
+ @if $normalize-vertical-rhythm {
430
+ line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
431
+ }
432
+ @else {
433
+ line-height: 1.15; /* 1 */
434
+ }
435
+ margin: 0; /* 2 */
436
+ }
437
+
438
+ /**
439
+ * Show the overflow in IE.
440
+ */
441
+
442
+ button {
443
+ overflow: visible;
444
+ }
445
+
446
+ /**
447
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
448
+ * 1. Remove the inheritance of text transform in Firefox.
449
+ */
450
+
451
+ button,
452
+ select { /* 1 */
453
+ text-transform: none;
454
+ }
455
+
456
+ /**
457
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
458
+ * controls in Android 4.
459
+ * 2. Correct the inability to style clickable types in iOS and Safari.
460
+ */
461
+
462
+ button,
463
+ html [type="button"], /* 1 */
464
+ [type="reset"],
465
+ [type="submit"] {
466
+ -webkit-appearance: button; /* 2 */
467
+ }
468
+
469
+ button,
470
+ [type="button"],
471
+ [type="reset"],
472
+ [type="submit"] {
473
+
474
+ /**
475
+ * Remove the inner border and padding in Firefox.
476
+ */
477
+
478
+ &::-moz-focus-inner {
479
+ border-style: none;
480
+ padding: 0;
481
+ }
482
+
483
+ /**
484
+ * Restore the focus styles unset by the previous rule.
485
+ */
486
+
487
+ &:-moz-focusring {
488
+ outline: 1px dotted ButtonText;
489
+ }
490
+ }
491
+
492
+ /**
493
+ * Show the overflow in Edge.
494
+ */
495
+
496
+ input {
497
+ overflow: visible;
498
+ }
499
+
500
+ /**
501
+ * 1. Add the correct box sizing in IE 10-.
502
+ * 2. Remove the padding in IE 10-.
503
+ */
504
+
505
+ [type="checkbox"],
506
+ [type="radio"] {
507
+ box-sizing: border-box; /* 1 */
508
+ padding: 0; /* 2 */
509
+ }
510
+
511
+ /**
512
+ * Correct the cursor style of increment and decrement buttons in Chrome.
513
+ */
514
+
515
+ [type="number"]::-webkit-inner-spin-button,
516
+ [type="number"]::-webkit-outer-spin-button {
517
+ height: auto;
518
+ }
519
+
520
+ /**
521
+ * 1. Correct the odd appearance in Chrome and Safari.
522
+ * 2. Correct the outline style in Safari.
523
+ */
524
+
525
+ [type="search"] {
526
+ -webkit-appearance: textfield; /* 1 */
527
+ outline-offset: -2px; /* 2 */
528
+
529
+ /**
530
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
531
+ */
532
+
533
+ &::-webkit-search-cancel-button,
534
+ &::-webkit-search-decoration {
535
+ -webkit-appearance: none;
536
+ }
537
+ }
538
+
539
+ /**
540
+ * 1. Correct the inability to style clickable types in iOS and Safari.
541
+ * 2. Change font properties to `inherit` in Safari.
542
+ */
543
+
544
+ ::-webkit-file-upload-button {
545
+ -webkit-appearance: button; /* 1 */
546
+ font: inherit; /* 2 */
547
+ }
548
+
549
+ /**
550
+ * Change the border, margin, and padding in all browsers (opinionated).
551
+ */
552
+
553
+ fieldset {
554
+ border: 1px solid #c0c0c0;
555
+ margin: 0 2px;
556
+ padding: 0.35em 0.625em 0.75em;
557
+ }
558
+
559
+ /**
560
+ * 1. Correct the text wrapping in Edge and IE.
561
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
562
+ * 3. Remove the padding so developers are not caught out when they zero out
563
+ * `fieldset` elements in all browsers.
564
+ */
565
+
566
+ legend {
567
+ box-sizing: border-box; /* 1 */
568
+ display: table; /* 1 */
569
+ max-width: 100%; /* 1 */
570
+ padding: 0; /* 3 */
571
+ color: inherit; /* 2 */
572
+ white-space: normal; /* 1 */
573
+ }
574
+
575
+ /**
576
+ * 1. Add the correct display in IE 9-.
577
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
578
+ */
579
+
580
+ progress {
581
+ display: inline-block; /* 1 */
582
+ vertical-align: baseline; /* 2 */
583
+ }
584
+
585
+ /**
586
+ * Remove the default vertical scrollbar in IE.
587
+ */
588
+
589
+ textarea {
590
+ overflow: auto;
591
+ }
592
+ }
593
+
594
+ @if _normalize-include(interactive) {
595
+ /* Interactive
596
+ ========================================================================== */
597
+
598
+ /*
599
+ * Add the correct display in Edge, IE, and Firefox.
600
+ */
601
+
602
+ details {
603
+ display: block;
604
+ }
605
+
606
+ /*
607
+ * Add the correct display in all browsers.
608
+ */
609
+
610
+ summary {
611
+ display: list-item;
612
+ }
613
+
614
+ /*
615
+ * Add the correct display in IE 9-.
616
+ */
617
+
618
+ menu {
619
+ display: block;
620
+
621
+ @if $normalize-vertical-rhythm {
622
+ /*
623
+ * 1. Set 1 unit of vertical rhythm on the top and bottom margin.
624
+ * 2. Set consistent space for the list style image.
625
+ */
626
+
627
+ @include normalize-margin(1 0); /* 1 */
628
+ padding: 0 0 0 $indent-amount; /* 2 */
629
+
630
+ /**
631
+ * Turn off margins on nested lists.
632
+ */
633
+
634
+ menu &,
635
+ ol &,
636
+ ul & {
637
+ margin: 0;
638
+ }
639
+ }
640
+ }
641
+ }
642
+
643
+ @if _normalize-include(scripting) {
644
+ /* Scripting
645
+ ========================================================================== */
646
+
647
+ /**
648
+ * Add the correct display in IE 9-.
649
+ */
650
+
651
+ canvas {
652
+ display: inline-block;
653
+ }
654
+
655
+ /**
656
+ * Add the correct display in IE.
657
+ */
658
+
659
+ template {
660
+ display: none;
661
+ }
662
+ }
663
+
664
+ @if _normalize-include(hidden) {
665
+ /* Hidden
666
+ ========================================================================== */
667
+
668
+ /**
669
+ * Add the correct display in IE 10-.
670
+ */
671
+
672
+ [hidden] {
673
+ display: none;
674
+ }
675
+ }
676
+ }