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