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.
- checksums.yaml +4 -4
- data/assets/fonts/semantic_ui/themes/material/assets/fonts/icons.woff2 +0 -0
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +119 -19
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +108 -50
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +41 -16
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +42 -31
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +11 -2
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +1 -4
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +22 -5
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +43 -43
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +8 -0
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +3 -0
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +24 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +3 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +13 -13
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +34 -34
- data/assets/stylesheets/semantic_ui/definitions/globals/site.less +44 -3
- data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +18 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +63 -30
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +81 -0
- data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +0 -10
- data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +216 -198
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +24 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +7 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +32 -1
- data/lib/generators/semantic_ui/install/templates/config/collections/menu.overrides +1 -1
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- 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
|
-
|
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.
|
14
|
-
* 2. Prevent
|
15
|
-
*
|
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
|
-
|
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
|
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
|
-
*
|
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
|
-
*
|
58
|
-
*
|
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
|
-
|
62
|
-
|
63
|
-
|
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
|
-
*
|
71
|
-
*
|
56
|
+
* Add the correct display in IE 9-.
|
57
|
+
* 1. Add the correct display in IE.
|
72
58
|
*/
|
73
59
|
|
74
|
-
|
75
|
-
|
76
|
-
|
60
|
+
figcaption,
|
61
|
+
figure,
|
62
|
+
main { /* 1 */
|
63
|
+
display: block;
|
77
64
|
}
|
78
65
|
|
79
66
|
/**
|
80
|
-
*
|
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
|
-
|
85
|
-
|
86
|
-
display: none;
|
70
|
+
figure {
|
71
|
+
margin: 1em 40px;
|
87
72
|
}
|
88
73
|
|
89
|
-
/* Links
|
90
|
-
========================================================================== */
|
91
|
-
|
92
74
|
/**
|
93
|
-
*
|
75
|
+
* 1. Add the correct box sizing in Firefox.
|
76
|
+
* 2. Show the overflow in Edge and IE.
|
94
77
|
*/
|
95
78
|
|
96
|
-
|
97
|
-
|
79
|
+
hr {
|
80
|
+
box-sizing: content-box; /* 1 */
|
81
|
+
height: 0; /* 1 */
|
82
|
+
overflow: visible; /* 2 */
|
98
83
|
}
|
99
84
|
|
100
85
|
/**
|
101
|
-
*
|
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
|
-
|
105
|
-
|
106
|
-
|
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
|
-
*
|
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:
|
114
|
+
border-bottom: none; /* 1 */
|
115
|
+
text-decoration: underline; /* 2 */
|
116
|
+
text-decoration: underline dotted; /* 2 */
|
118
117
|
}
|
119
118
|
|
120
119
|
/**
|
121
|
-
*
|
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:
|
125
|
+
font-weight: inherit;
|
127
126
|
}
|
128
127
|
|
129
128
|
/**
|
130
|
-
*
|
129
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
131
130
|
*/
|
132
131
|
|
133
|
-
|
134
|
-
|
132
|
+
b,
|
133
|
+
strong {
|
134
|
+
font-weight: bolder;
|
135
135
|
}
|
136
136
|
|
137
137
|
/**
|
138
|
-
*
|
139
|
-
*
|
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
|
-
|
143
|
-
|
144
|
-
|
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
|
-
*
|
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
|
-
*
|
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
|
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
|
-
|
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
|
-
/*
|
195
|
+
/* Embedded content
|
204
196
|
========================================================================== */
|
205
197
|
|
206
198
|
/**
|
207
|
-
*
|
199
|
+
* Add the correct display in IE 9-.
|
208
200
|
*/
|
209
201
|
|
210
|
-
|
211
|
-
|
202
|
+
audio,
|
203
|
+
video {
|
204
|
+
display: inline-block;
|
212
205
|
}
|
213
206
|
|
214
207
|
/**
|
215
|
-
*
|
208
|
+
* Add the correct display in iOS 4-7.
|
216
209
|
*/
|
217
210
|
|
218
|
-
|
211
|
+
audio:not([controls]) {
|
212
|
+
display: none;
|
219
213
|
height: 0;
|
220
214
|
}
|
221
215
|
|
222
216
|
/**
|
223
|
-
*
|
217
|
+
* Remove the border on images inside links in IE 10-.
|
224
218
|
*/
|
225
219
|
|
226
|
-
|
227
|
-
|
220
|
+
img {
|
221
|
+
border-style: none;
|
228
222
|
}
|
229
223
|
|
230
224
|
/**
|
231
|
-
*
|
225
|
+
* Hide the overflow in IE.
|
232
226
|
*/
|
233
227
|
|
234
|
-
|
235
|
-
|
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
|
-
*
|
247
|
-
*
|
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
|
-
|
263
|
-
font:
|
264
|
-
|
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
|
-
*
|
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
|
-
*
|
277
|
-
*
|
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.
|
289
|
-
*
|
290
|
-
* 2. Correct inability to style clickable
|
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
|
297
|
-
|
298
|
-
|
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
|
-
*
|
285
|
+
* Remove the inner border and padding in Firefox.
|
305
286
|
*/
|
306
287
|
|
307
|
-
button
|
308
|
-
|
309
|
-
|
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
|
-
*
|
297
|
+
* Restore the focus styles unset by the previous rule.
|
314
298
|
*/
|
315
299
|
|
316
|
-
button
|
317
|
-
|
318
|
-
|
319
|
-
|
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
|
-
*
|
324
|
-
* the
|
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
|
-
|
328
|
-
|
336
|
+
progress {
|
337
|
+
display: inline-block; /* 1 */
|
338
|
+
vertical-align: baseline; /* 2 */
|
329
339
|
}
|
330
340
|
|
331
341
|
/**
|
332
|
-
*
|
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
|
-
|
340
|
-
|
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
|
-
*
|
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
|
-
|
352
|
-
|
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.
|
358
|
-
* 2.
|
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
|
-
|
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
|
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
|
-
|
373
|
-
|
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
|
-
*
|
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
|
-
|
382
|
-
|
383
|
-
|
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
|
-
|
389
|
-
|
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
|
-
|
393
|
-
|
394
|
-
|
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
|
-
*
|
423
|
+
* Add the correct display in IE 9-.
|
399
424
|
*/
|
400
425
|
|
401
|
-
|
402
|
-
|
426
|
+
canvas {
|
427
|
+
display: inline-block;
|
403
428
|
}
|
404
429
|
|
405
430
|
/**
|
406
|
-
*
|
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
|
-
|
411
|
-
|
434
|
+
template {
|
435
|
+
display: none;
|
412
436
|
}
|
413
437
|
|
414
|
-
/*
|
438
|
+
/* Hidden
|
415
439
|
========================================================================== */
|
416
440
|
|
417
441
|
/**
|
418
|
-
*
|
442
|
+
* Add the correct display in IE 10-.
|
419
443
|
*/
|
420
444
|
|
421
|
-
|
422
|
-
|
423
|
-
border-spacing: 0;
|
424
|
-
}
|
425
|
-
|
426
|
-
td,
|
427
|
-
th {
|
428
|
-
padding: 0;
|
445
|
+
[hidden] {
|
446
|
+
display: none;
|
429
447
|
}
|