less-rails-semantic_ui 2.2.10.0 → 2.2.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/semantic_ui/themes/material/assets/fonts/icons.woff2 +0 -0
  3. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +119 -19
  4. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +108 -50
  5. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +41 -16
  6. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +42 -31
  7. data/assets/javascripts/semantic_ui/definitions/modules/search.js +11 -2
  8. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +1 -4
  9. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +22 -5
  10. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +43 -43
  11. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +8 -0
  12. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +3 -0
  13. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +1 -1
  14. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +24 -0
  15. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +3 -2
  16. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +13 -13
  17. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +34 -34
  18. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +44 -3
  19. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +18 -1
  20. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +63 -30
  21. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +81 -0
  22. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +0 -10
  23. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +216 -198
  24. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +24 -0
  25. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +7 -5
  26. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +32 -1
  27. data/lib/generators/semantic_ui/install/templates/config/collections/menu.overrides +1 -1
  28. data/lib/less/rails/semantic_ui/version.rb +1 -1
  29. metadata +8 -7
@@ -387,6 +387,13 @@
387
387
  }
388
388
  }
389
389
 
390
+ /* Scrolling Content */
391
+
392
+ .ui.modal .scrolling.content {
393
+ max-height: @scrollingContentMaxHeight;
394
+ overflow: auto;
395
+ }
396
+
390
397
 
391
398
  /*--------------
392
399
  Full Screen
@@ -418,6 +425,80 @@
418
425
  font-size: @medium;
419
426
  }
420
427
 
428
+ /* Mini */
429
+ .ui.mini.modal > .header:not(.ui) {
430
+ font-size: @miniHeaderSize;
431
+ }
432
+
433
+ /* Mini Modal Width */
434
+ @media only screen and (max-width : @largestMobileScreen) {
435
+ .ui.mini.modal {
436
+ width: @miniMobileWidth;
437
+ margin: @miniMobileMargin;
438
+ }
439
+ }
440
+ @media only screen and (min-width : @tabletBreakpoint) {
441
+ .ui.mini.modal {
442
+ width: @miniTabletWidth;
443
+ margin: @miniTabletMargin;
444
+ }
445
+ }
446
+ @media only screen and (min-width : @computerBreakpoint) {
447
+ .ui.mini.modal {
448
+ width: @miniComputerWidth;
449
+ margin: @miniComputerMargin;
450
+ }
451
+ }
452
+ @media only screen and (min-width : @largeMonitorBreakpoint) {
453
+ .ui.mini.modal {
454
+ width: @miniLargeMonitorWidth;
455
+ margin: @miniLargeMonitorMargin;
456
+ }
457
+ }
458
+ @media only screen and (min-width : @widescreenMonitorBreakpoint) {
459
+ .ui.mini.modal {
460
+ width: @miniWidescreenMonitorWidth;
461
+ margin: @miniWidescreenMonitorMargin;
462
+ }
463
+ }
464
+
465
+ /* mini */
466
+ .ui.small.modal > .header:not(.ui) {
467
+ font-size: @miniHeaderSize;
468
+ }
469
+
470
+ /* Tiny Modal Width */
471
+ @media only screen and (max-width : @largestMobileScreen) {
472
+ .ui.tiny.modal {
473
+ width: @tinyMobileWidth;
474
+ margin: @tinyMobileMargin;
475
+ }
476
+ }
477
+ @media only screen and (min-width : @tabletBreakpoint) {
478
+ .ui.tiny.modal {
479
+ width: @tinyTabletWidth;
480
+ margin: @tinyTabletMargin;
481
+ }
482
+ }
483
+ @media only screen and (min-width : @computerBreakpoint) {
484
+ .ui.tiny.modal {
485
+ width: @tinyComputerWidth;
486
+ margin: @tinyComputerMargin;
487
+ }
488
+ }
489
+ @media only screen and (min-width : @largeMonitorBreakpoint) {
490
+ .ui.tiny.modal {
491
+ width: @tinyLargeMonitorWidth;
492
+ margin: @tinyLargeMonitorMargin;
493
+ }
494
+ }
495
+ @media only screen and (min-width : @widescreenMonitorBreakpoint) {
496
+ .ui.tiny.modal {
497
+ width: @tinyWidescreenMonitorWidth;
498
+ margin: @tinyWidescreenMonitorMargin;
499
+ }
500
+ }
501
+
421
502
  /* Small */
422
503
  .ui.small.modal > .header:not(.ui) {
423
504
  font-size: @smallHeaderSize;
@@ -249,16 +249,6 @@ body.pushable > .pusher {
249
249
  iOS
250
250
  ---------------*/
251
251
 
252
- /*
253
- iOS incorrectly sizes document when content
254
- is presented outside of view with 2Dtranslate
255
- */
256
- html.ios {
257
- overflow-x: hidden;
258
- -webkit-overflow-scrolling: touch;
259
- }
260
-
261
-
262
252
 
263
253
  /*******************************
264
254
  Variations
@@ -1,160 +1,170 @@
1
- /*******************************
2
- Theme Overrides
3
- *******************************/
1
+ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
4
2
 
5
- /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
6
-
7
- /**
8
- * Correct `block` display not defined in IE 8/9.
9
- */
10
- /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
3
+ /* Document
4
+ ========================================================================== */
11
5
 
12
6
  /**
13
- * 1. Set default font family to sans-serif.
14
- * 2. Prevent iOS text size adjust after orientation change, without disabling
15
- * user zoom.
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in
9
+ * IE on Windows Phone and in iOS.
16
10
  */
17
11
 
18
12
  html {
19
- font-family: sans-serif; /* 1 */
13
+ line-height: 1.15; /* 1 */
20
14
  -ms-text-size-adjust: 100%; /* 2 */
21
15
  -webkit-text-size-adjust: 100%; /* 2 */
22
16
  }
23
17
 
18
+ /* Sections
19
+ ========================================================================== */
20
+
24
21
  /**
25
- * Remove default margin.
22
+ * Remove the margin in all browsers (opinionated).
26
23
  */
27
24
 
28
25
  body {
29
26
  margin: 0;
30
27
  }
31
28
 
32
- /* HTML5 display definitions
33
- ========================================================================== */
34
-
35
29
  /**
36
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
37
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
38
- * Correct `block` display not defined for `main` in IE 11.
30
+ * Add the correct display in IE 9-.
39
31
  */
40
32
 
41
33
  article,
42
34
  aside,
43
- details,
44
- figcaption,
45
- figure,
46
35
  footer,
47
36
  header,
48
- hgroup,
49
- main,
50
37
  nav,
51
- section,
52
- summary {
38
+ section {
53
39
  display: block;
54
40
  }
55
41
 
56
42
  /**
57
- * 1. Correct `inline-block` display not defined in IE 8/9.
58
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
43
+ * Correct the font size and margin on `h1` elements within `section` and
44
+ * `article` contexts in Chrome, Firefox, and Safari.
59
45
  */
60
46
 
61
- audio,
62
- canvas,
63
- progress,
64
- video {
65
- display: inline-block; /* 1 */
66
- vertical-align: baseline; /* 2 */
47
+ h1 {
48
+ font-size: 2em;
49
+ margin: 0.67em 0;
67
50
  }
68
51
 
52
+ /* Grouping content
53
+ ========================================================================== */
54
+
69
55
  /**
70
- * Prevent modern browsers from displaying `audio` without controls.
71
- * Remove excess height in iOS 5 devices.
56
+ * Add the correct display in IE 9-.
57
+ * 1. Add the correct display in IE.
72
58
  */
73
59
 
74
- audio:not([controls]) {
75
- display: none;
76
- height: 0;
60
+ figcaption,
61
+ figure,
62
+ main { /* 1 */
63
+ display: block;
77
64
  }
78
65
 
79
66
  /**
80
- * Address `[hidden]` styling not present in IE 8/9/10.
81
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
67
+ * Add the correct margin in IE 8.
82
68
  */
83
69
 
84
- [hidden],
85
- template {
86
- display: none;
70
+ figure {
71
+ margin: 1em 40px;
87
72
  }
88
73
 
89
- /* Links
90
- ========================================================================== */
91
-
92
74
  /**
93
- * Remove the gray background color from active links in IE 10.
75
+ * 1. Add the correct box sizing in Firefox.
76
+ * 2. Show the overflow in Edge and IE.
94
77
  */
95
78
 
96
- a {
97
- background: transparent;
79
+ hr {
80
+ box-sizing: content-box; /* 1 */
81
+ height: 0; /* 1 */
82
+ overflow: visible; /* 2 */
98
83
  }
99
84
 
100
85
  /**
101
- * Improve readability when focused and also mouse hovered in all browsers.
86
+ * 1. Correct the inheritance and scaling of font size in all browsers.
87
+ * 2. Correct the odd `em` font sizing in all browsers.
102
88
  */
103
89
 
104
- a:active,
105
- a:hover {
106
- outline: 0;
90
+ pre {
91
+ font-family: monospace, monospace; /* 1 */
92
+ font-size: 1em; /* 2 */
107
93
  }
108
94
 
109
95
  /* Text-level semantics
110
96
  ========================================================================== */
111
97
 
112
98
  /**
113
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
99
+ * 1. Remove the gray background on active links in IE 10.
100
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101
+ */
102
+
103
+ a {
104
+ background-color: transparent; /* 1 */
105
+ -webkit-text-decoration-skip: objects; /* 2 */
106
+ }
107
+
108
+ /**
109
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
114
111
  */
115
112
 
116
113
  abbr[title] {
117
- border-bottom: 1px dotted;
114
+ border-bottom: none; /* 1 */
115
+ text-decoration: underline; /* 2 */
116
+ text-decoration: underline dotted; /* 2 */
118
117
  }
119
118
 
120
119
  /**
121
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
120
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
122
121
  */
123
122
 
124
123
  b,
125
124
  strong {
126
- font-weight: bold;
125
+ font-weight: inherit;
127
126
  }
128
127
 
129
128
  /**
130
- * Address styling not present in Safari and Chrome.
129
+ * Add the correct font weight in Chrome, Edge, and Safari.
131
130
  */
132
131
 
133
- dfn {
134
- font-style: italic;
132
+ b,
133
+ strong {
134
+ font-weight: bolder;
135
135
  }
136
136
 
137
137
  /**
138
- * Address variable `h1` font-size and margin within `section` and `article`
139
- * contexts in Firefox 4+, Safari, and Chrome.
138
+ * 1. Correct the inheritance and scaling of font size in all browsers.
139
+ * 2. Correct the odd `em` font sizing in all browsers.
140
140
  */
141
141
 
142
- h1 {
143
- font-size: 2em;
144
- margin: 0.67em 0;
142
+ code,
143
+ kbd,
144
+ samp {
145
+ font-family: monospace, monospace; /* 1 */
146
+ font-size: 1em; /* 2 */
147
+ }
148
+
149
+ /**
150
+ * Add the correct font style in Android 4.3-.
151
+ */
152
+
153
+ dfn {
154
+ font-style: italic;
145
155
  }
146
156
 
147
157
  /**
148
- * Address styling not present in IE 8/9.
158
+ * Add the correct background and color in IE 9-.
149
159
  */
150
160
 
151
161
  mark {
152
- background: #ff0;
162
+ background-color: #ff0;
153
163
  color: #000;
154
164
  }
155
165
 
156
166
  /**
157
- * Address inconsistent and variable font size in all browsers.
167
+ * Add the correct font size in all browsers.
158
168
  */
159
169
 
160
170
  small {
@@ -162,7 +172,8 @@ small {
162
172
  }
163
173
 
164
174
  /**
165
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
175
+ * Prevent `sub` and `sup` elements from affecting the line height in
176
+ * all browsers.
166
177
  */
167
178
 
168
179
  sub,
@@ -173,85 +184,57 @@ sup {
173
184
  vertical-align: baseline;
174
185
  }
175
186
 
176
- sup {
177
- top: -0.5em;
178
- }
179
-
180
187
  sub {
181
188
  bottom: -0.25em;
182
189
  }
183
190
 
184
- /* Embedded content
185
- ========================================================================== */
186
-
187
- /**
188
- * Remove border when inside `a` element in IE 8/9/10.
189
- */
190
-
191
- img {
192
- border: 0;
193
- }
194
-
195
- /**
196
- * Correct overflow not hidden in IE 9/10/11.
197
- */
198
-
199
- svg:not(:root) {
200
- overflow: hidden;
191
+ sup {
192
+ top: -0.5em;
201
193
  }
202
194
 
203
- /* Grouping content
195
+ /* Embedded content
204
196
  ========================================================================== */
205
197
 
206
198
  /**
207
- * Address margin not present in IE 8/9 and Safari.
199
+ * Add the correct display in IE 9-.
208
200
  */
209
201
 
210
- figure {
211
- margin: 1em 40px;
202
+ audio,
203
+ video {
204
+ display: inline-block;
212
205
  }
213
206
 
214
207
  /**
215
- * Address differences between Firefox and other browsers.
208
+ * Add the correct display in iOS 4-7.
216
209
  */
217
210
 
218
- hr {
211
+ audio:not([controls]) {
212
+ display: none;
219
213
  height: 0;
220
214
  }
221
215
 
222
216
  /**
223
- * Contain overflow in all browsers.
217
+ * Remove the border on images inside links in IE 10-.
224
218
  */
225
219
 
226
- pre {
227
- overflow: auto;
220
+ img {
221
+ border-style: none;
228
222
  }
229
223
 
230
224
  /**
231
- * Address odd `em`-unit font size rendering in all browsers.
225
+ * Hide the overflow in IE.
232
226
  */
233
227
 
234
- code,
235
- kbd,
236
- pre,
237
- samp {
238
- font-family: monospace, monospace;
239
- font-size: 1em;
228
+ svg:not(:root) {
229
+ overflow: hidden;
240
230
  }
241
231
 
242
232
  /* Forms
243
233
  ========================================================================== */
244
234
 
245
235
  /**
246
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
247
- * styling of `select`, unless a `border` property is set.
248
- */
249
-
250
- /**
251
- * 1. Correct color not being inherited.
252
- * Known issue: affects color of disabled elements.
253
- * 2. Correct font properties not being inherited.
254
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
236
+ * 1. Change the font styles in all browsers (opinionated).
237
+ * 2. Remove the margin in Firefox and Safari.
255
238
  */
256
239
 
257
240
  button,
@@ -259,171 +242,206 @@ input,
259
242
  optgroup,
260
243
  select,
261
244
  textarea {
262
- color: inherit; /* 1 */
263
- font: inherit; /* 2 */
264
- margin: 0; /* 3 */
245
+ font-family: sans-serif; /* 1 */
246
+ font-size: 100%; /* 1 */
247
+ line-height: 1.15; /* 1 */
248
+ margin: 0; /* 2 */
265
249
  }
266
250
 
267
251
  /**
268
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
252
+ * Show the overflow in IE.
253
+ * 1. Show the overflow in Edge.
269
254
  */
270
255
 
271
- button {
256
+ button,
257
+ input { /* 1 */
272
258
  overflow: visible;
273
259
  }
274
260
 
275
261
  /**
276
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
277
- * All other form control elements do not inherit `text-transform` values.
278
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
279
- * Correct `select` style inheritance in Firefox.
262
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
263
+ * 1. Remove the inheritance of text transform in Firefox.
280
264
  */
281
265
 
282
266
  button,
283
- select {
267
+ select { /* 1 */
284
268
  text-transform: none;
285
269
  }
286
270
 
287
271
  /**
288
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
289
- * and `video` controls.
290
- * 2. Correct inability to style clickable `input` types in iOS.
291
- * 3. Improve usability and consistency of cursor style between image-type
292
- * `input` and others.
272
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273
+ * controls in Android 4.
274
+ * 2. Correct the inability to style clickable types in iOS and Safari.
293
275
  */
294
276
 
295
277
  button,
296
- html input[type="button"], /* 1 */
297
- input[type="reset"],
298
- input[type="submit"] {
278
+ html [type="button"], /* 1 */
279
+ [type="reset"],
280
+ [type="submit"] {
299
281
  -webkit-appearance: button; /* 2 */
300
- cursor: pointer; /* 3 */
301
282
  }
302
283
 
303
284
  /**
304
- * Re-set default cursor for disabled elements.
285
+ * Remove the inner border and padding in Firefox.
305
286
  */
306
287
 
307
- button[disabled],
308
- html input[disabled] {
309
- cursor: default;
288
+ button::-moz-focus-inner,
289
+ [type="button"]::-moz-focus-inner,
290
+ [type="reset"]::-moz-focus-inner,
291
+ [type="submit"]::-moz-focus-inner {
292
+ border-style: none;
293
+ padding: 0;
310
294
  }
311
295
 
312
296
  /**
313
- * Remove inner padding and border in Firefox 4+.
297
+ * Restore the focus styles unset by the previous rule.
314
298
  */
315
299
 
316
- button::-moz-focus-inner,
317
- input::-moz-focus-inner {
318
- border: 0;
319
- padding: 0;
300
+ button:-moz-focusring,
301
+ [type="button"]:-moz-focusring,
302
+ [type="reset"]:-moz-focusring,
303
+ [type="submit"]:-moz-focusring {
304
+ outline: 1px dotted ButtonText;
305
+ }
306
+
307
+ /**
308
+ * Correct the padding in Firefox.
309
+ */
310
+
311
+ fieldset {
312
+ padding: 0.35em 0.75em 0.625em;
313
+ }
314
+
315
+ /**
316
+ * 1. Correct the text wrapping in Edge and IE.
317
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
318
+ * 3. Remove the padding so developers are not caught out when they zero out
319
+ * `fieldset` elements in all browsers.
320
+ */
321
+
322
+ legend {
323
+ box-sizing: border-box; /* 1 */
324
+ color: inherit; /* 2 */
325
+ display: table; /* 1 */
326
+ max-width: 100%; /* 1 */
327
+ padding: 0; /* 3 */
328
+ white-space: normal; /* 1 */
320
329
  }
321
330
 
322
331
  /**
323
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
324
- * the UA stylesheet.
332
+ * 1. Add the correct display in IE 9-.
333
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
325
334
  */
326
335
 
327
- input {
328
- line-height: normal;
336
+ progress {
337
+ display: inline-block; /* 1 */
338
+ vertical-align: baseline; /* 2 */
329
339
  }
330
340
 
331
341
  /**
332
- * It's recommended that you don't attempt to style these elements.
333
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
334
- *
335
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
336
- * 2. Remove excess padding in IE 8/9/10.
342
+ * Remove the default vertical scrollbar in IE.
337
343
  */
338
344
 
339
- input[type="checkbox"],
340
- input[type="radio"] {
345
+ textarea {
346
+ overflow: auto;
347
+ }
348
+
349
+ /**
350
+ * 1. Add the correct box sizing in IE 10-.
351
+ * 2. Remove the padding in IE 10-.
352
+ */
353
+
354
+ [type="checkbox"],
355
+ [type="radio"] {
341
356
  box-sizing: border-box; /* 1 */
342
357
  padding: 0; /* 2 */
343
358
  }
344
359
 
345
360
  /**
346
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
347
- * `font-size` values of the `input`, it causes the cursor style of the
348
- * decrement button to change from `default` to `text`.
361
+ * Correct the cursor style of increment and decrement buttons in Chrome.
349
362
  */
350
363
 
351
- input[type="number"]::-webkit-inner-spin-button,
352
- input[type="number"]::-webkit-outer-spin-button {
364
+ [type="number"]::-webkit-inner-spin-button,
365
+ [type="number"]::-webkit-outer-spin-button {
353
366
  height: auto;
354
367
  }
355
368
 
356
369
  /**
357
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
358
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
359
- * (include `-moz` to future-proof).
370
+ * 1. Correct the odd appearance in Chrome and Safari.
371
+ * 2. Correct the outline style in Safari.
360
372
  */
361
373
 
362
- input[type="search"] {
374
+ [type="search"] {
363
375
  -webkit-appearance: textfield; /* 1 */
376
+ outline-offset: -2px; /* 2 */
364
377
  }
365
378
 
366
379
  /**
367
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
368
- * Safari (but not Chrome) clips the cancel button when the search input has
369
- * padding (and `textfield` appearance).
380
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
370
381
  */
371
382
 
372
- input[type="search"]::-webkit-search-cancel-button,
373
- input[type="search"]::-webkit-search-decoration {
383
+ [type="search"]::-webkit-search-cancel-button,
384
+ [type="search"]::-webkit-search-decoration {
374
385
  -webkit-appearance: none;
375
386
  }
376
387
 
377
388
  /**
378
- * Define consistent border, margin, and padding.
389
+ * 1. Correct the inability to style clickable types in iOS and Safari.
390
+ * 2. Change font properties to `inherit` in Safari.
379
391
  */
380
392
 
381
- fieldset {
382
- border: 1px solid #c0c0c0;
383
- margin: 0 2px;
384
- padding: 0.35em 0.625em 0.75em;
393
+ ::-webkit-file-upload-button {
394
+ -webkit-appearance: button; /* 1 */
395
+ font: inherit; /* 2 */
385
396
  }
386
397
 
387
- /**
388
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
389
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
398
+ /* Interactive
399
+ ========================================================================== */
400
+
401
+ /*
402
+ * Add the correct display in IE 9-.
403
+ * 1. Add the correct display in Edge, IE, and Firefox.
390
404
  */
391
405
 
392
- legend {
393
- border: 0; /* 1 */
394
- padding: 0; /* 2 */
406
+ details, /* 1 */
407
+ menu {
408
+ display: block;
409
+ }
410
+
411
+ /*
412
+ * Add the correct display in all browsers.
413
+ */
414
+
415
+ summary {
416
+ display: list-item;
395
417
  }
396
418
 
419
+ /* Scripting
420
+ ========================================================================== */
421
+
397
422
  /**
398
- * Remove default vertical scrollbar in IE 8/9/10/11.
423
+ * Add the correct display in IE 9-.
399
424
  */
400
425
 
401
- textarea {
402
- overflow: auto;
426
+ canvas {
427
+ display: inline-block;
403
428
  }
404
429
 
405
430
  /**
406
- * Don't inherit the `font-weight` (applied by a rule above).
407
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
431
+ * Add the correct display in IE.
408
432
  */
409
433
 
410
- optgroup {
411
- font-weight: bold;
434
+ template {
435
+ display: none;
412
436
  }
413
437
 
414
- /* Tables
438
+ /* Hidden
415
439
  ========================================================================== */
416
440
 
417
441
  /**
418
- * Remove most spacing between table cells.
442
+ * Add the correct display in IE 10-.
419
443
  */
420
444
 
421
- table {
422
- border-collapse: collapse;
423
- border-spacing: 0;
424
- }
425
-
426
- td,
427
- th {
428
- padding: 0;
445
+ [hidden] {
446
+ display: none;
429
447
  }