bullframe.css 3.8.2 → 4.0.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 (103) hide show
  1. package/.browserslistrc +5 -5
  2. package/.stylelintrc.json +10 -0
  3. package/CHANGELOG.md +12 -6
  4. package/LICENSE +20 -20
  5. package/README.md +15 -146
  6. package/dist/css/bullframe-classless-dark-prefers.css +357 -425
  7. package/dist/css/bullframe-classless-dark-prefers.min.css +2 -3
  8. package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
  9. package/dist/css/bullframe-classless-dark.css +328 -412
  10. package/dist/css/bullframe-classless-dark.min.css +2 -3
  11. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +237 -293
  13. package/dist/css/bullframe-classless.min.css +2 -2
  14. package/dist/css/bullframe-classless.min.css.map +1 -1
  15. package/dist/css/bullframe-dark-prefers.css +468 -633
  16. package/dist/css/bullframe-dark-prefers.min.css +2 -2
  17. package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
  18. package/dist/css/bullframe-dark.css +402 -593
  19. package/dist/css/bullframe-dark.min.css +2 -2
  20. package/dist/css/bullframe-dark.min.css.map +1 -1
  21. package/dist/css/bullframe-utilities.css +67 -105
  22. package/dist/css/bullframe-utilities.min.css +1 -1
  23. package/dist/css/bullframe-utilities.min.css.map +1 -1
  24. package/dist/css/bullframe.css +288 -455
  25. package/dist/css/bullframe.min.css +1 -1
  26. package/dist/css/bullframe.min.css.map +1 -1
  27. package/docs/test/css/style.css +130 -130
  28. package/docs/test/icons/safari-pinned-tab.svg +28 -28
  29. package/docs/test/js/vendor/html5shiv.js +335 -335
  30. package/docs/test/js/vendor/ie10-viewport-bug-workaround.js +20 -20
  31. package/gulpfile.js +5 -2
  32. package/index.html +2 -11
  33. package/package.json +12 -6
  34. package/src/scss/bullframe-classless-dark-prefers.scss +5 -5
  35. package/src/scss/bullframe-classless-dark.scss +5 -5
  36. package/src/scss/bullframe-classless.scss +1 -9
  37. package/src/scss/bullframe-dark-prefers.scss +4 -4
  38. package/src/scss/bullframe-dark.scss +4 -4
  39. package/src/scss/bullframe-utilities.scss +1 -1
  40. package/src/scss/bullframe.scss +0 -7
  41. package/src/scss/forms/_forms-normalization.scss +4 -2
  42. package/src/scss/forms/_forms-styling-radio-checkbox.scss +84 -85
  43. package/src/scss/forms/_forms-styling-range.scss +99 -103
  44. package/src/scss/forms/_forms-styling-select.scss +63 -63
  45. package/src/scss/forms/_forms-styling.scss +119 -121
  46. package/src/scss/miscellaneous/_misc-focus.scss +0 -1
  47. package/src/scss/miscellaneous/_misc-layout.scss +1 -24
  48. package/src/scss/mixins/_mixin-grid-flex.scss +83 -83
  49. package/src/scss/mixins/_mixin-layout.scss +42 -42
  50. package/src/scss/mixins/_mixin-texts.scss +38 -37
  51. package/src/scss/typography/_typography-blockquotes.scss +23 -23
  52. package/src/scss/typography/_typography-headings.scss +43 -43
  53. package/src/scss/typography/_typography-html-body.scss +72 -72
  54. package/src/scss/typography/_typography-misc.scss +3 -3
  55. package/src/scss/typography/_typography-monospaced-elements.scss +50 -56
  56. package/src/scss/utilities/_utility-buttons.scss +71 -71
  57. package/src/scss/utilities/_utility-embeds.scss +34 -34
  58. package/src/scss/utilities/_utility-filters.scss +24 -24
  59. package/src/scss/utilities/_utility-form-states.scss +80 -80
  60. package/src/scss/utilities/_utility-global-dark-classless.scss +157 -169
  61. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +3 -3
  62. package/src/scss/utilities/_utility-global-dark-prefers.scss +3 -3
  63. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +29 -29
  64. package/src/scss/utilities/_utility-global-dark.scss +213 -224
  65. package/src/scss/utilities/_utility-grid-system.scss +204 -204
  66. package/src/scss/utilities/_utility-layout.scss +195 -196
  67. package/src/scss/utilities/_utility-lists.scss +17 -17
  68. package/src/scss/utilities/_utility-print.scss +101 -111
  69. package/src/scss/utilities/_utility-reduced-motion.scss +29 -29
  70. package/src/scss/utilities/_utility-tables.scss +40 -40
  71. package/src/scss/utilities/_utility-texts.scss +199 -199
  72. package/src/scss/utilities/_utility-z-index.scss +82 -82
  73. package/src/scss/variables/_variables-breakpoints.scss +5 -5
  74. package/src/scss/variables/_variables-colors.scss +31 -31
  75. package/src/scss/variables/_variables-spacing.scss +25 -25
  76. package/src/scss/variables/_variables-texts.scss +12 -12
  77. package/dist/css/bullframe-classless-dark-ie10+.css +0 -1321
  78. package/dist/css/bullframe-classless-dark-ie10+.min.css +0 -4
  79. package/dist/css/bullframe-classless-dark-ie10+.min.css.map +0 -1
  80. package/dist/css/bullframe-classless-dark-prefers-ie10+.css +0 -1301
  81. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css +0 -4
  82. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css.map +0 -1
  83. package/dist/css/bullframe-classless-ie10+.css +0 -1084
  84. package/dist/css/bullframe-classless-ie10+.min.css +0 -3
  85. package/dist/css/bullframe-classless-ie10+.min.css.map +0 -1
  86. package/dist/css/bullframe-dark-ie10+.css +0 -2569
  87. package/dist/css/bullframe-dark-ie10+.min.css +0 -3
  88. package/dist/css/bullframe-dark-ie10+.min.css.map +0 -1
  89. package/dist/css/bullframe-dark-prefers-ie10+.css +0 -2541
  90. package/dist/css/bullframe-dark-prefers-ie10+.min.css +0 -3
  91. package/dist/css/bullframe-dark-prefers-ie10+.min.css.map +0 -1
  92. package/dist/css/bullframe-ie10+.css +0 -2250
  93. package/dist/css/bullframe-ie10+.min.css +0 -2
  94. package/dist/css/bullframe-ie10+.min.css.map +0 -1
  95. package/docs/images-readme/browserstack-logo.png +0 -0
  96. package/src/scss/bullframe-classless-dark-ie10+.scss +0 -5
  97. package/src/scss/bullframe-classless-dark-prefers-ie10+.scss +0 -5
  98. package/src/scss/bullframe-classless-ie10+.scss +0 -43
  99. package/src/scss/bullframe-dark-ie10+.scss +0 -4
  100. package/src/scss/bullframe-dark-prefers-ie10+.scss +0 -4
  101. package/src/scss/bullframe-ie10+.scss +0 -121
  102. package/src/scss/forms/_forms-styling-ie-hacks.scss +0 -56
  103. package/src/scss/forms/_forms-styling-select-ie-hacks.scss +0 -30
@@ -1,1084 +0,0 @@
1
- /*! bullframe.css v3.8.2 | MIT License | https://github.com/marcop135/bullframe.css */
2
- /*! custom build: bullframe-classless-ie10+ */
3
- *,
4
- *::before,
5
- *::after {
6
- box-sizing: border-box;
7
- }
8
-
9
- article,
10
- aside,
11
- dialog,
12
- figcaption,
13
- figure,
14
- footer,
15
- header,
16
- hgroup,
17
- main,
18
- menu,
19
- nav,
20
- section,
21
- details {
22
- display: block;
23
- }
24
-
25
- template {
26
- display: none;
27
- }
28
-
29
- a,
30
- area,
31
- button,
32
- input,
33
- label,
34
- select,
35
- summary,
36
- textarea,
37
- [tabindex] {
38
- -ms-touch-action: manipulation;
39
- }
40
-
41
- [hidden] {
42
- display: none !important;
43
- }
44
-
45
- @-ms-viewport {
46
- width: device-width;
47
- }
48
-
49
- html {
50
- -webkit-text-size-adjust: 100%;
51
- -moz-text-size-adjust: 100%;
52
- text-size-adjust: 100%;
53
- font-size: 62.5%;
54
- color: #222;
55
- font-family: sans-serif;
56
- line-height: 1.15;
57
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
58
- }
59
-
60
- body {
61
- margin: 0;
62
- font-size: 16px;
63
- font-size: 1.6rem;
64
- line-height: 1.5;
65
- font-weight: 400;
66
- text-align: left;
67
- font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
68
- text-rendering: optimizeLegibility;
69
- word-wrap: break-word;
70
- background-color: #fff;
71
- }
72
-
73
- h1,
74
- h2,
75
- h3,
76
- h4,
77
- h5,
78
- h6 {
79
- margin-top: 0;
80
- font-weight: 700;
81
- font-weight: 600;
82
- font-family: inherit;
83
- color: inherit;
84
- line-height: 1.25;
85
- margin-bottom: 10px;
86
- margin-bottom: 1rem;
87
- }
88
-
89
- h1 {
90
- font-size: 36px;
91
- font-size: 3.6rem;
92
- }
93
-
94
- h2 {
95
- font-size: 30px;
96
- font-size: 3rem;
97
- }
98
-
99
- h3 {
100
- font-size: 24px;
101
- font-size: 2.4rem;
102
- }
103
-
104
- h4 {
105
- font-size: 20px;
106
- font-size: 2rem;
107
- }
108
-
109
- h5,
110
- h6 {
111
- font-size: 16px;
112
- font-size: 1.6rem;
113
- }
114
-
115
- blockquote {
116
- margin: 0 0 20px 0;
117
- margin-bottom: 2rem;
118
- padding-left: 0;
119
- font-style: italic;
120
- }
121
-
122
- blockquote p {
123
- margin-bottom: 0;
124
- }
125
-
126
- blockquote small {
127
- color: #999;
128
- display: block;
129
- }
130
-
131
- blockquote small:before {
132
- content: '\2014 \00A0';
133
- }
134
-
135
- q {
136
- quotes: "“" "”" "‘" "’";
137
- }
138
-
139
- pre {
140
- margin: 0 0 20px 0;
141
- margin: 0 0 2rem 0;
142
- }
143
-
144
- pre {
145
- display: block;
146
- overflow: auto;
147
- word-break: break-all;
148
- word-wrap: break-word;
149
- white-space: pre;
150
- -webkit-hyphens: none;
151
- -ms-hyphens: none;
152
- hyphens: none;
153
- -ms-overflow-style: auto;
154
- display: block;
155
- }
156
-
157
- pre,
158
- code,
159
- kbd,
160
- samp {
161
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
162
- font-size: .875em;
163
- }
164
-
165
- code {
166
- word-wrap: break-word;
167
- }
168
-
169
- a > code {
170
- color: inherit;
171
- }
172
-
173
- pre code {
174
- font-size: inherit;
175
- color: inherit;
176
- word-break: normal;
177
- }
178
-
179
- p {
180
- margin: 0 0 20px 0;
181
- margin: 0 0 2rem 0;
182
- }
183
-
184
- abbr[title],
185
- abbr[data-original-title] {
186
- cursor: help;
187
- text-decoration: underline;
188
- -webkit-text-decoration: underline dotted;
189
- text-decoration: underline dotted;
190
- cursor: help;
191
- border-bottom: 0;
192
- }
193
-
194
- mark {
195
- background-color: #ff0;
196
- color: #000;
197
- }
198
-
199
- ins {
200
- background-color: #ff9;
201
- color: #000;
202
- text-decoration: none;
203
- }
204
-
205
- b,
206
- strong {
207
- font-weight: inherit;
208
- }
209
-
210
- b,
211
- strong {
212
- font-weight: bolder;
213
- }
214
-
215
- dfn {
216
- font-style: italic;
217
- }
218
-
219
- sub,
220
- sup {
221
- font-size: 75%;
222
- line-height: 0;
223
- position: relative;
224
- vertical-align: baseline;
225
- }
226
-
227
- sup {
228
- top: -8px;
229
- top: -.8rem;
230
- }
231
-
232
- sub {
233
- bottom: -4px;
234
- bottom: -.4rem;
235
- }
236
-
237
- small {
238
- font-size: 80%;
239
- }
240
-
241
- hr {
242
- box-sizing: content-box;
243
- display: block;
244
- height: 0;
245
- border-style: solid;
246
- border-width: 1px 0 0;
247
- color: inherit;
248
- margin: 20px 0;
249
- margin: 2rem 0;
250
- padding: 0;
251
- overflow: visible;
252
- }
253
-
254
- address {
255
- font-style: normal;
256
- margin-bottom: 10px;
257
- margin-bottom: 1rem;
258
- line-height: inherit;
259
- }
260
-
261
- summary {
262
- display: list-item;
263
- cursor: pointer;
264
- }
265
-
266
- a {
267
- color: #007bff;
268
- text-decoration: none;
269
- background-color: transparent;
270
- }
271
-
272
- a:hover, a:focus {
273
- text-decoration: underline;
274
- color: #0056b3;
275
- }
276
-
277
- a:not([href]):not([tabindex]) {
278
- color: inherit;
279
- text-decoration: none;
280
- }
281
-
282
- a:not([href]):not([tabindex]):hover,
283
- a:not([href]):not([tabindex]):focus,
284
- a:not([href]):not([class]),
285
- a:not([href]):not([class]):hover {
286
- color: inherit;
287
- text-decoration: none;
288
- }
289
-
290
- a:not([href]):not([tabindex]):focus {
291
- outline: 0;
292
- }
293
-
294
- menu,
295
- ol,
296
- ul,
297
- dl {
298
- margin: 0 0 20px 0;
299
- margin: 0 0 2rem 0;
300
- padding: 0;
301
- }
302
-
303
- menu ul,
304
- menu ol,
305
- ul ul,
306
- ul ol,
307
- ol ol,
308
- ol ul,
309
- dd {
310
- margin-bottom: 0;
311
- }
312
-
313
- ul,
314
- ol {
315
- margin-left: 20px;
316
- margin-left: 2rem;
317
- }
318
-
319
- nav ol,
320
- nav ul {
321
- list-style: none;
322
- list-style-image: none;
323
- margin-left: 0;
324
- }
325
-
326
- dt {
327
- font-weight: 700;
328
- }
329
-
330
- dd {
331
- margin-left: 0;
332
- }
333
-
334
- nav li:before {
335
- content: '\200B';
336
- position: absolute;
337
- }
338
-
339
- audio,
340
- canvas,
341
- progress,
342
- video {
343
- display: inline-block;
344
- }
345
-
346
- img,
347
- canvas,
348
- audio,
349
- video,
350
- iframe,
351
- object,
352
- embed {
353
- max-width: 100%;
354
- }
355
-
356
- audio,
357
- video,
358
- canvas,
359
- img,
360
- svg {
361
- vertical-align: middle;
362
- }
363
-
364
- img {
365
- height: auto;
366
- border-style: none;
367
- }
368
-
369
- figure {
370
- margin: 0;
371
- }
372
-
373
- figure,
374
- figcaption {
375
- display: block;
376
- }
377
-
378
- figcaption {
379
- line-height: 1.375;
380
- font-size: 90%;
381
- }
382
-
383
- video {
384
- height: auto;
385
- }
386
-
387
- audio {
388
- width: 100%;
389
- }
390
-
391
- audio:not([controls]) {
392
- display: none;
393
- height: 0;
394
- }
395
-
396
- svg:not(:root) {
397
- overflow: hidden;
398
- }
399
-
400
- svg:not([fill]) {
401
- fill: currentColor;
402
- }
403
-
404
- progress,
405
- meter {
406
- display: inline-block;
407
- vertical-align: baseline;
408
- width: 100%;
409
- max-width: 100%;
410
- }
411
-
412
- progress[value] {
413
- -webkit-appearance: none;
414
- -moz-appearance: none;
415
- appearance: none;
416
- border: none;
417
- height: 20px;
418
- height: 2rem;
419
- background: #ccc;
420
- color: #007bff;
421
- }
422
-
423
- progress[value]::-webkit-progress-bar {
424
- background: #ccc;
425
- }
426
-
427
- progress[value]::-webkit-progress-value {
428
- background: #007bff;
429
- }
430
-
431
- iframe {
432
- border-style: none;
433
- }
434
-
435
- html input,
436
- button,
437
- select,
438
- optgroup,
439
- textarea {
440
- color: inherit;
441
- font-family: inherit;
442
- font-size: inherit;
443
- line-height: inherit;
444
- }
445
-
446
- html input,
447
- button,
448
- [type='radio'],
449
- [type='checkbox'],
450
- select,
451
- optgroup,
452
- textarea {
453
- margin: 0;
454
- }
455
-
456
- html input,
457
- select,
458
- textarea,
459
- legend {
460
- width: 100%;
461
- }
462
-
463
- html label,
464
- button,
465
- [type='image'],
466
- [type='submit'],
467
- [type='reset'],
468
- html [type='button'],
469
- [type='radio'],
470
- [type='checkbox'] {
471
- width: auto;
472
- }
473
-
474
- html input,
475
- label,
476
- select,
477
- textarea,
478
- button,
479
- html [type='button'],
480
- [type='reset'],
481
- [type='submit'],
482
- output {
483
- display: inline-block;
484
- }
485
-
486
- [type='file'] {
487
- display: block;
488
- background-color: transparent;
489
- }
490
-
491
- button,
492
- html input,
493
- select,
494
- textarea {
495
- background-image: none;
496
- }
497
-
498
- input,
499
- select,
500
- textarea {
501
- vertical-align: baseline;
502
- }
503
-
504
- form {
505
- margin: 0;
506
- }
507
-
508
- fieldset {
509
- border: 0;
510
- padding: 0;
511
- margin: 0;
512
- min-width: 0;
513
- }
514
-
515
- legend {
516
- display: table;
517
- max-width: 100%;
518
- white-space: normal;
519
- border: 0;
520
- padding: 0;
521
- font-weight: 400;
522
- margin-bottom: 5px;
523
- margin-bottom: 0.5rem;
524
- font-size: inherit;
525
- line-height: 1.375;
526
- color: inherit;
527
- }
528
-
529
- label {
530
- font-weight: 400;
531
- font-size: 90%;
532
- line-height: 1.375;
533
- margin-bottom: 5px;
534
- margin-bottom: 0.5rem;
535
- }
536
-
537
- label input,
538
- label select,
539
- label textarea {
540
- font-size: 110%;
541
- }
542
-
543
- [type='number']::-webkit-outer-spin-button,
544
- [type='number']::-webkit-inner-spin-button {
545
- height: auto;
546
- }
547
-
548
- ::-webkit-datetime-edit-fields-wrapper,
549
- ::-webkit-datetime-edit-text,
550
- ::-webkit-datetime-edit-minute,
551
- ::-webkit-datetime-edit-hour-field,
552
- ::-webkit-datetime-edit-day-field,
553
- ::-webkit-datetime-edit-month-field,
554
- ::-webkit-datetime-edit-year-field {
555
- padding: 0;
556
- }
557
-
558
- ::-webkit-color-swatch-wrapper {
559
- padding: 0;
560
- }
561
-
562
- [type='search'] {
563
- outline-offset: -2.5px;
564
- outline-offset: -0.25rem;
565
- }
566
-
567
- output {
568
- vertical-align: middle;
569
- }
570
-
571
- button,
572
- select {
573
- text-transform: none;
574
- }
575
-
576
- select {
577
- word-wrap: normal;
578
- }
579
-
580
- [list]::-webkit-calendar-picker-indicator {
581
- display: none;
582
- }
583
-
584
- optgroup {
585
- font-family: inherit;
586
- font-size: inherit;
587
- font-style: inherit;
588
- font-weight: 700;
589
- font-weight: 600;
590
- }
591
-
592
- button,
593
- html [type="button"],
594
- [type="reset"],
595
- [type="submit"],
596
- [type="email"],
597
- [type="number"],
598
- [type="text"],
599
- [type="tel"],
600
- [type="date"],
601
- [type="datetime-local"],
602
- [type="month"],
603
- [type="week"],
604
- [type="url"],
605
- [type="image"],
606
- [type="password"],
607
- [type="search"],
608
- [type="search"]::-webkit-search-decoration,
609
- [type="search"]::-webkit-search-cancel-button,
610
- input[list],
611
- textarea {
612
- -webkit-appearance: none;
613
- }
614
-
615
- ::-webkit-file-upload-button {
616
- -webkit-appearance: button;
617
- font: inherit;
618
- }
619
-
620
- button,
621
- input,
622
- select,
623
- textarea {
624
- border-radius: 2.5px;
625
- border-radius: 0.25rem;
626
- }
627
-
628
- [type='radio'] {
629
- border-radius: 50%;
630
- }
631
-
632
- [type='checkbox'] {
633
- border-radius: 5px;
634
- border-radius: 0.5rem;
635
- }
636
-
637
- [type='radio'],
638
- [type='checkbox'] {
639
- padding: 0;
640
- background-color: #fff;
641
- }
642
-
643
- [type='range'] {
644
- background-color: transparent;
645
- }
646
-
647
- select[size],
648
- select[multiple] {
649
- height: auto;
650
- }
651
-
652
- select[multiple] {
653
- background-image: none;
654
- }
655
-
656
- textarea {
657
- height: auto;
658
- min-height: 60px;
659
- min-height: 6rem;
660
- overflow: auto;
661
- vertical-align: top;
662
- resize: vertical;
663
- }
664
-
665
- ::-moz-focus-inner {
666
- padding: 0;
667
- border-style: none;
668
- }
669
-
670
- button,
671
- [type='button'],
672
- [type='reset'],
673
- [type='submit'] {
674
- line-height: normal;
675
- text-align: center;
676
- margin: 0;
677
- background-clip: padding-box;
678
- vertical-align: baseline;
679
- overflow: visible;
680
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
681
- -webkit-user-select: none;
682
- -moz-user-select: none;
683
- -ms-user-select: none;
684
- user-select: none;
685
- border: 0;
686
- background-image: none;
687
- }
688
-
689
- button:hover, button:active, button:focus,
690
- [type='button']:hover,
691
- [type='button']:active,
692
- [type='button']:focus,
693
- [type='reset']:hover,
694
- [type='reset']:active,
695
- [type='reset']:focus,
696
- [type='submit']:hover,
697
- [type='submit']:active,
698
- [type='submit']:focus {
699
- text-decoration: none;
700
- color: #222;
701
- }
702
-
703
- button,
704
- select,
705
- input[type='submit'],
706
- input[type='button'],
707
- [type='checkbox'],
708
- [type='range'],
709
- [type='radio'],
710
- [role='button'] {
711
- cursor: pointer;
712
- }
713
-
714
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
715
- color: #666;
716
- }
717
-
718
- input::-moz-placeholder, textarea::-moz-placeholder {
719
- color: #666;
720
- }
721
-
722
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
723
- color: #666;
724
- }
725
-
726
- input::placeholder,
727
- textarea::placeholder {
728
- color: #666;
729
- }
730
-
731
- :-moz-ui-invalid {
732
- box-shadow: none;
733
- }
734
-
735
- [type='email'],
736
- [type='number'],
737
- [type='password'],
738
- [type='tel'],
739
- [type='search'],
740
- [type='text'],
741
- [type='date'],
742
- [type='datetime-local'],
743
- [type='month'],
744
- [type='time'],
745
- [type='week'],
746
- [type='time'],
747
- [type='url'],
748
- input[list],
749
- select,
750
- textarea {
751
- background-color: #fff;
752
- border: 1px solid #999;
753
- padding: 5px 7.5px;
754
- padding: 0.5rem 0.75rem;
755
- }
756
-
757
- [type='email']:active, [type='email']:focus,
758
- [type='number']:active,
759
- [type='number']:focus,
760
- [type='password']:active,
761
- [type='password']:focus,
762
- [type='tel']:active,
763
- [type='tel']:focus,
764
- [type='search']:active,
765
- [type='search']:focus,
766
- [type='text']:active,
767
- [type='text']:focus,
768
- [type='date']:active,
769
- [type='date']:focus,
770
- [type='datetime-local']:active,
771
- [type='datetime-local']:focus,
772
- [type='month']:active,
773
- [type='month']:focus,
774
- [type='time']:active,
775
- [type='time']:focus,
776
- [type='week']:active,
777
- [type='week']:focus,
778
- [type='time']:active,
779
- [type='time']:focus,
780
- [type='url']:active,
781
- [type='url']:focus,
782
- input[list]:active,
783
- input[list]:focus,
784
- select:active,
785
- select:focus,
786
- textarea:active,
787
- textarea:focus,
788
- [type='radio']:active,
789
- [type='radio']:focus,
790
- [type='checkbox']:active,
791
- [type='checkbox']:focus {
792
- transition: border .2s, background-color .2s, box-shadow .2s;
793
- border-color: #007bff;
794
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
795
- }
796
-
797
- button,
798
- [type='button'],
799
- [type='reset'],
800
- [type='submit'] {
801
- color: #222;
802
- padding: 6.66667px 13.33333px;
803
- padding: 0.66667rem 1.33333rem;
804
- background: #ccc;
805
- transition: color .2s, background .2s, box-shadow .2s;
806
- }
807
-
808
- button:hover, button:active, button:focus,
809
- [type='button']:hover,
810
- [type='button']:active,
811
- [type='button']:focus,
812
- [type='reset']:hover,
813
- [type='reset']:active,
814
- [type='reset']:focus,
815
- [type='submit']:hover,
816
- [type='submit']:active,
817
- [type='submit']:focus {
818
- text-decoration: none;
819
- color: #222;
820
- background: #b3b3b3;
821
- }
822
-
823
- button:active, button:focus,
824
- [type='button']:active,
825
- [type='button']:focus,
826
- [type='reset']:active,
827
- [type='reset']:focus,
828
- [type='submit']:active,
829
- [type='submit']:focus {
830
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
831
- }
832
-
833
- fieldset[disabled] button,
834
- fieldset[disabled] input,
835
- fieldset[disabled] input:after,
836
- fieldset[disabled] input:before,
837
- fieldset[disabled] input:checked,
838
- fieldset[disabled] select,
839
- fieldset[disabled] textarea,
840
- fieldset[disabled] label,
841
- button[disabled],
842
- input[disabled],
843
- input[disabled]:after,
844
- input[disabled]:before,
845
- input[disabled]:checked,
846
- select[disabled],
847
- textarea[disabled],
848
- label[disabled],
849
- button:disabled,
850
- input:disabled,
851
- input:disabled:after,
852
- input:disabled:before,
853
- input:disabled:checked,
854
- select:disabled,
855
- textarea:disabled,
856
- label:disabled,
857
- button[aria-disabled="true"],
858
- input[aria-disabled="true"],
859
- input[aria-disabled="true"]:after,
860
- input[aria-disabled="true"]:before,
861
- input[aria-disabled="true"]:checked,
862
- select[aria-disabled="true"],
863
- textarea[aria-disabled="true"],
864
- label[aria-disabled="true"] {
865
- cursor: default !important;
866
- cursor: not-allowed !important;
867
- pointer-events: none !important;
868
- -webkit-user-select: none !important;
869
- -moz-user-select: none !important;
870
- -ms-user-select: none !important;
871
- user-select: none !important;
872
- box-shadow: none !important;
873
- opacity: .5 !important;
874
- }
875
-
876
- select:not([size]):not([multiple]) {
877
- -webkit-appearance: none;
878
- -moz-appearance: none;
879
- appearance: none;
880
- }
881
-
882
- select::-ms-expand {
883
- display: none;
884
- }
885
-
886
- select:not([size]):not([multiple]) {
887
- background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px;
888
- padding-right: 20px;
889
- padding-right: 2rem;
890
- }
891
-
892
- *[dir='rtl'] select:not([size]):not([multiple]),
893
- select[dir='rtl']:not([size]):not([multiple]) {
894
- background-position: left .85rem top 50%;
895
- padding-right: 7.5px;
896
- padding-right: 0.75rem;
897
- padding-left: 20px;
898
- padding-left: 2rem;
899
- }
900
-
901
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
902
- [type='checkbox'],
903
- [type='radio'] {
904
- -webkit-appearance: none;
905
- -moz-appearance: none;
906
- appearance: none;
907
- height: 1.8rem;
908
- width: 1.8rem;
909
- vertical-align: top;
910
- position: relative;
911
- border: 1px solid #999;
912
- }
913
- [type='checkbox'] + label,
914
- [type='radio'] + label {
915
- line-height: 1.8rem;
916
- vertical-align: top;
917
- margin-left: 5px;
918
- margin-left: 0.5rem;
919
- }
920
- *[dir='rtl'] [type='checkbox'] + label,
921
- [type='checkbox'][dir='rtl'] + label, *[dir='rtl']
922
- [type='radio'] + label,
923
- [type='radio'][dir='rtl'] + label {
924
- margin-left: 0;
925
- margin-right: 5px;
926
- margin-right: 0.5rem;
927
- }
928
- [type='checkbox']:after,
929
- [type='radio']:after {
930
- content: '';
931
- display: block;
932
- position: absolute;
933
- }
934
- [type='checkbox']:checked,
935
- [type='radio']:checked {
936
- background-color: #007bff;
937
- border-color: #000;
938
- }
939
- [type='radio']:after {
940
- width: 1.8rem;
941
- height: 1.8rem;
942
- left: -.05rem;
943
- top: -.05rem;
944
- border-radius: 50%;
945
- background: #fff;
946
- -webkit-transform: scale(0.35);
947
- transform: scale(0.35);
948
- }
949
- [type='checkbox']:after {
950
- width: .6rem;
951
- height: .8rem;
952
- border: 2px solid #fff;
953
- border-top: 0;
954
- border-left: 0;
955
- left: 35%;
956
- top: 20%;
957
- -webkit-transform: rotate(43deg);
958
- transform: rotate(43deg);
959
- }
960
- }
961
-
962
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
963
- [type='range'] {
964
- -webkit-appearance: none;
965
- -moz-appearance: none;
966
- appearance: none;
967
- width: 100%;
968
- height: 1.4rem;
969
- }
970
- [type='range']::-webkit-slider-thumb {
971
- border: 0;
972
- -webkit-appearance: none;
973
- appearance: none;
974
- width: 1.5rem;
975
- height: 1.5rem;
976
- margin-top: -.25rem;
977
- background-color: #007bff;
978
- border-radius: 1.5rem;
979
- -webkit-transition: background-color .15s ease-in-out,
980
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
981
- transition: background-color .15s ease-in-out,
982
1
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
983
- }
984
- [type='range']::-webkit-slider-thumb:active {
985
- background-color: #007bff;
986
- }
987
- [type='range']::-moz-range-thumb {
988
- border: 0;
989
- -moz-appearance: none;
990
- appearance: none;
991
- width: 1.5rem;
992
- height: 1.5rem;
993
- background-color: #007bff;
994
- border-radius: 1.5rem;
995
- -moz-transition: background-color .15s ease-in-out,
996
2
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
997
- transition: background-color .15s ease-in-out,
998
3
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
999
- }
1000
- [type='range']::-moz-range-thumb:active {
1001
- background-color: #007bff;
1002
- }
1003
- [type='range']::-webkit-slider-runnable-track {
1004
- color: transparent;
1005
- border-color: transparent;
1006
- width: 100%;
1007
- height: .65rem;
1008
- cursor: pointer;
1009
- background-color: #e9e9e9;
1010
- }
1011
- [type='range']::-moz-range-track {
1012
- color: transparent;
1013
- border-color: transparent;
1014
- width: 100%;
1015
- height: .65rem;
1016
- cursor: pointer;
1017
- background-color: #e9e9e9;
1018
- }
1019
- [type='range']:focus {
1020
- outline: none;
1021
- }
1022
- [type='range']:focus::-webkit-slider-thumb {
1023
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1024
- }
1025
- [type='range']:focus::-moz-slider-thumb {
1026
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1027
- }
1028
- [type='range']::-moz-focus-outer {
1029
- border: 0;
1030
- }
1031
- [type='range']:focus::-webkit-slider-thumb {
1032
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1033
- }
1034
- [type='range']:focus::-moz-range-thumb {
1035
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1036
- }
1037
- [type='range']:disabled {
1038
- pointer-events: none;
1039
- }
1040
- [type='range']:disabled::-webkit-slider-thumb {
1041
- background-color: #ccc;
1042
- }
1043
- [type='range']:disabled::-moz-slider-thumb {
1044
- background-color: #ccc;
1045
- }
1046
- }
1047
-
1048
- table {
1049
- max-width: 100%;
1050
- border-collapse: collapse;
1051
- }
1052
-
1053
- thead,
1054
- tbody,
1055
- tfoot,
1056
- tr,
1057
- td,
1058
- th {
1059
- border-color: inherit;
1060
- border-style: solid;
1061
- border-width: 0;
1062
- }
1063
-
1064
- thead th {
1065
- vertical-align: bottom;
1066
- }
1067
-
1068
- th,
1069
- td {
1070
- vertical-align: top;
1071
- }
1072
-
1073
- th {
1074
- text-align: inherit;
1075
- font-weight: 700;
1076
- }
1077
-
1078
- caption {
1079
- padding-top: 5px;
1080
- padding-top: 0.5rem;
1081
- padding-bottom: 5px;
1082
- padding-bottom: 0.5rem;
1083
- color: #999;
1084
- text-align: left;
1085
- caption-side: bottom;
1086
- line-height: 1.375;
1087
- font-size: 90%;
1088
- }