less-rails-semantic_ui 2.2.10.0 → 2.2.11.0

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 (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
  }