bullframe.css 5.0.1 → 6.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 (142) hide show
  1. package/CHANGELOG.md +276 -234
  2. package/LICENSE +2 -2
  3. package/README.md +34 -455
  4. package/dist/css/bullframe-classless-dark.css +1218 -932
  5. package/dist/css/bullframe-classless-dark.css.map +1 -1
  6. package/dist/css/bullframe-classless-dark.min.css +1 -3
  7. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  8. package/dist/css/bullframe-classless-system-default.css +1316 -936
  9. package/dist/css/bullframe-classless-system-default.css.map +1 -1
  10. package/dist/css/bullframe-classless-system-default.min.css +1 -3
  11. package/dist/css/bullframe-classless-system-default.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +1038 -715
  13. package/dist/css/bullframe-classless.css.map +1 -1
  14. package/dist/css/bullframe-classless.min.css +1 -3
  15. package/dist/css/bullframe-classless.min.css.map +1 -1
  16. package/dist/css/bullframe-dark.css +1943 -1459
  17. package/dist/css/bullframe-dark.css.map +1 -1
  18. package/dist/css/bullframe-dark.min.css +1 -3
  19. package/dist/css/bullframe-dark.min.css.map +1 -1
  20. package/dist/css/bullframe-system-default.css +2005 -1489
  21. package/dist/css/bullframe-system-default.css.map +1 -1
  22. package/dist/css/bullframe-system-default.min.css +1 -3
  23. package/dist/css/bullframe-system-default.min.css.map +1 -1
  24. package/dist/css/bullframe-utilities.css +769 -491
  25. package/dist/css/bullframe-utilities.css.map +1 -1
  26. package/dist/css/bullframe-utilities.min.css +1 -2
  27. package/dist/css/bullframe-utilities.min.css.map +1 -1
  28. package/dist/css/bullframe.css +1911 -1383
  29. package/dist/css/bullframe.css.map +1 -1
  30. package/dist/css/bullframe.min.css +1 -3
  31. package/dist/css/bullframe.min.css.map +1 -1
  32. package/package.json +71 -29
  33. package/.browserslistrc +0 -3
  34. package/.editorconfig +0 -15
  35. package/.htmlhintrc +0 -12
  36. package/.prettierignore +0 -1
  37. package/.stylelintignore +0 -3
  38. package/.stylelintrc.json +0 -26
  39. package/dist/css/bullframe-classless-dark-prefers.css +0 -1340
  40. package/dist/css/bullframe-classless-dark-prefers.css.map +0 -1
  41. package/dist/css/bullframe-classless-dark-prefers.min.css +0 -3
  42. package/dist/css/bullframe-classless-dark-prefers.min.css.map +0 -1
  43. package/dist/css/bullframe-dark-prefers.css +0 -2356
  44. package/dist/css/bullframe-dark-prefers.css.map +0 -1
  45. package/dist/css/bullframe-dark-prefers.min.css +0 -3
  46. package/dist/css/bullframe-dark-prefers.min.css.map +0 -1
  47. package/dist/docs/demo/css/style.css +0 -131
  48. package/dist/docs/demo/icons/android-chrome-192x192.png +0 -0
  49. package/dist/docs/demo/icons/android-chrome-384x384.png +0 -0
  50. package/dist/docs/demo/icons/apple-touch-icon.png +0 -0
  51. package/dist/docs/demo/icons/favicon-16x16.png +0 -0
  52. package/dist/docs/demo/icons/favicon-32x32.png +0 -0
  53. package/dist/docs/demo/icons/favicon.ico +0 -0
  54. package/dist/docs/demo/icons/mstile-150x150.png +0 -0
  55. package/dist/docs/demo/icons/safari-pinned-tab.svg +0 -28
  56. package/dist/docs/demo/images/logo.png +0 -0
  57. package/dist/docs/demo/images/placeholder-img-130x140.jpg +0 -0
  58. package/dist/docs/demo/images/placeholder-img-16x16.jpg +0 -0
  59. package/dist/docs/demo/images/placeholder-img-800x400.jpg +0 -0
  60. package/dist/docs/demo/images/video-poster.png +0 -0
  61. package/dist/docs/demo/index.html +0 -1152
  62. package/dist/docs/github-readme/bf-logo-full-dark.png +0 -0
  63. package/dist/docs/github-readme/bf-logo-full-light.png +0 -0
  64. package/prettier.config.js +0 -26
  65. package/src/docs/demo/css/style.css +0 -131
  66. package/src/docs/demo/icons/android-chrome-192x192.png +0 -0
  67. package/src/docs/demo/icons/android-chrome-384x384.png +0 -0
  68. package/src/docs/demo/icons/apple-touch-icon.png +0 -0
  69. package/src/docs/demo/icons/favicon-16x16.png +0 -0
  70. package/src/docs/demo/icons/favicon-32x32.png +0 -0
  71. package/src/docs/demo/icons/favicon.ico +0 -0
  72. package/src/docs/demo/icons/mstile-150x150.png +0 -0
  73. package/src/docs/demo/icons/safari-pinned-tab.svg +0 -28
  74. package/src/docs/demo/images/logo.png +0 -0
  75. package/src/docs/demo/images/placeholder-img-130x140.jpg +0 -0
  76. package/src/docs/demo/images/placeholder-img-16x16.jpg +0 -0
  77. package/src/docs/demo/images/placeholder-img-800x400.jpg +0 -0
  78. package/src/docs/demo/images/video-poster.png +0 -0
  79. package/src/docs/demo/index.html +0 -1152
  80. package/src/docs/github-readme/bf-logo-full-dark.png +0 -0
  81. package/src/docs/github-readme/bf-logo-full-light.png +0 -0
  82. package/src/scss/bullframe-classless-dark-prefers.scss +0 -2
  83. package/src/scss/bullframe-classless-dark.scss +0 -2
  84. package/src/scss/bullframe-classless-system-default.scss +0 -2
  85. package/src/scss/bullframe-classless.scss +0 -49
  86. package/src/scss/bullframe-dark-prefers.scss +0 -2
  87. package/src/scss/bullframe-dark.scss +0 -2
  88. package/src/scss/bullframe-system-default.scss +0 -2
  89. package/src/scss/bullframe-utilities.scss +0 -21
  90. package/src/scss/bullframe.scss +0 -49
  91. package/src/scss/custom/_author-styles.scss +0 -5
  92. package/src/scss/forms/_forms-normalization.scss +0 -316
  93. package/src/scss/forms/_forms-styling-radio-checkbox.scss +0 -82
  94. package/src/scss/forms/_forms-styling-range.scss +0 -113
  95. package/src/scss/forms/_forms-styling-select.scss +0 -65
  96. package/src/scss/forms/_forms-styling.scss +0 -131
  97. package/src/scss/miscellaneous/_misc-accessibility.scss +0 -36
  98. package/src/scss/miscellaneous/_misc-anchors.scss +0 -37
  99. package/src/scss/miscellaneous/_misc-embedded-content.scss +0 -117
  100. package/src/scss/miscellaneous/_misc-focus.scss +0 -79
  101. package/src/scss/miscellaneous/_misc-interactive.scss +0 -48
  102. package/src/scss/miscellaneous/_misc-layout.scss +0 -30
  103. package/src/scss/miscellaneous/_misc-lists.scss +0 -53
  104. package/src/scss/miscellaneous/_misc-scrolling.scss +0 -5
  105. package/src/scss/miscellaneous/_misc-shame.scss +0 -37
  106. package/src/scss/miscellaneous/_misc-tables.scss +0 -53
  107. package/src/scss/mixins/_mixin-dark-prefers.scss +0 -414
  108. package/src/scss/mixins/_mixin-dark.scss +0 -396
  109. package/src/scss/mixins/_mixin-grid-flex.scss +0 -80
  110. package/src/scss/mixins/_mixin-layout.scss +0 -42
  111. package/src/scss/mixins/_mixin-texts.scss +0 -37
  112. package/src/scss/typography/_typography-blockquotes.scss +0 -28
  113. package/src/scss/typography/_typography-headings.scss +0 -45
  114. package/src/scss/typography/_typography-html-body.scss +0 -75
  115. package/src/scss/typography/_typography-misc.scss +0 -90
  116. package/src/scss/typography/_typography-monospaced-elements.scss +0 -59
  117. package/src/scss/utilities/_utility-buttons.scss +0 -73
  118. package/src/scss/utilities/_utility-debugging.scss +0 -31
  119. package/src/scss/utilities/_utility-embeds.scss +0 -34
  120. package/src/scss/utilities/_utility-filters.scss +0 -21
  121. package/src/scss/utilities/_utility-form-states.scss +0 -89
  122. package/src/scss/utilities/_utility-global-dark-classless.scss +0 -3
  123. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +0 -3
  124. package/src/scss/utilities/_utility-global-dark-prefers.scss +0 -3
  125. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +0 -34
  126. package/src/scss/utilities/_utility-global-dark.scss +0 -4
  127. package/src/scss/utilities/_utility-global-system-default-classless.scss +0 -3
  128. package/src/scss/utilities/_utility-global-system-default.scss +0 -3
  129. package/src/scss/utilities/_utility-grid-system.scss +0 -140
  130. package/src/scss/utilities/_utility-layout.scss +0 -187
  131. package/src/scss/utilities/_utility-lists.scss +0 -17
  132. package/src/scss/utilities/_utility-print.scss +0 -101
  133. package/src/scss/utilities/_utility-reduced-motion.scss +0 -29
  134. package/src/scss/utilities/_utility-spacing.scss +0 -148
  135. package/src/scss/utilities/_utility-tables.scss +0 -34
  136. package/src/scss/utilities/_utility-texts.scss +0 -225
  137. package/src/scss/utilities/_utility-z-index.scss +0 -83
  138. package/src/scss/variables/_variables-breakpoints.scss +0 -6
  139. package/src/scss/variables/_variables-colors.scss +0 -34
  140. package/src/scss/variables/_variables-spacing.scss +0 -24
  141. package/src/scss/variables/_variables-texts.scss +0 -8
  142. package/vite.config.js +0 -116
@@ -1,1340 +0,0 @@
1
- /*! Bullframe CSS v5.0.0 | MIT License | https://github.com/marcop135/bullframe.css */
2
- @charset "UTF-8";
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
- [hidden] {
30
- display: none !important;
31
- }
32
-
33
- html {
34
- -webkit-text-size-adjust: 100%;
35
- -moz-text-size-adjust: 100%;
36
- text-size-adjust: 100%;
37
- font-size: 62.5%;
38
- color: #222;
39
- font-family: sans-serif;
40
- line-height: 1.15;
41
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
42
- }
43
-
44
- body {
45
- margin: 0;
46
- font-size: 1.6rem;
47
- line-height: 1.5;
48
- font-weight: 400;
49
- text-align: left;
50
- 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";
51
- text-rendering: optimizeLegibility;
52
- word-wrap: break-word;
53
- background-color: #fff;
54
- }
55
-
56
- h1,
57
- h2,
58
- h3,
59
- h4,
60
- h5,
61
- h6 {
62
- margin-top: 0;
63
- font-weight: 600;
64
- font-family: inherit;
65
- color: inherit;
66
- line-height: 1.25;
67
- margin-bottom: 1rem;
68
- }
69
-
70
- h1 {
71
- font-size: 36px;
72
- font-size: 3.6rem;
73
- }
74
-
75
- h2 {
76
- font-size: 30px;
77
- font-size: 3rem;
78
- }
79
-
80
- h3 {
81
- font-size: 24px;
82
- font-size: 2.4rem;
83
- }
84
-
85
- h4 {
86
- font-size: 20px;
87
- font-size: 2rem;
88
- }
89
-
90
- h5,
91
- h6 {
92
- font-size: 16px;
93
- font-size: 1.6rem;
94
- }
95
-
96
- blockquote {
97
- margin-bottom: 2rem;
98
- padding-left: 0;
99
- font-style: italic;
100
- }
101
-
102
- blockquote p {
103
- margin-bottom: 0;
104
- }
105
-
106
- blockquote small {
107
- color: #999;
108
- display: block;
109
- }
110
-
111
- blockquote small::before {
112
- content: "— ";
113
- }
114
-
115
- q {
116
- quotes: "“" "”" "‘" "’";
117
- }
118
-
119
- pre {
120
- margin: 0 0 2rem 0;
121
- display: block;
122
- overflow: auto;
123
- word-break: break-all;
124
- word-wrap: break-word;
125
- white-space: pre;
126
- -webkit-hyphens: none;
127
- hyphens: none;
128
- -ms-overflow-style: auto;
129
- }
130
-
131
- pre,
132
- code,
133
- kbd,
134
- samp {
135
- 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";
136
- font-size: 0.875em;
137
- }
138
-
139
- code {
140
- word-wrap: break-word;
141
- }
142
-
143
- a > code {
144
- color: inherit;
145
- }
146
-
147
- pre code {
148
- font-size: inherit;
149
- color: inherit;
150
- word-break: normal;
151
- }
152
-
153
- p {
154
- margin: 0 0 2rem 0;
155
- }
156
-
157
- abbr[title],
158
- abbr[data-original-title] {
159
- cursor: help;
160
- text-decoration: underline;
161
- -webkit-text-decoration: underline dotted;
162
- text-decoration: underline dotted;
163
- border-bottom: 0;
164
- }
165
-
166
- mark {
167
- background-color: #ff0;
168
- color: #000;
169
- }
170
-
171
- ins {
172
- background-color: #ff9;
173
- color: #000;
174
- text-decoration: none;
175
- }
176
-
177
- b,
178
- strong {
179
- font-weight: inherit;
180
- }
181
-
182
- b,
183
- strong {
184
- /* stylelint-disable-next-line */
185
- font-weight: bolder;
186
- }
187
-
188
- dfn {
189
- font-style: italic;
190
- }
191
-
192
- sub,
193
- sup {
194
- font-size: 75%;
195
- line-height: 0;
196
- position: relative;
197
- vertical-align: baseline;
198
- }
199
-
200
- sup {
201
- top: -8px;
202
- top: -0.8rem;
203
- }
204
-
205
- sub {
206
- bottom: -4px;
207
- bottom: -0.4rem;
208
- }
209
-
210
- small {
211
- font-size: 80%;
212
- }
213
-
214
- p:has(small) {
215
- line-height: 1.25;
216
- }
217
-
218
- hr {
219
- box-sizing: content-box;
220
- display: block;
221
- height: 0;
222
- border-style: solid;
223
- border-width: 1px 0 0;
224
- color: inherit;
225
- margin: 2rem 0;
226
- padding: 0;
227
- overflow: visible;
228
- }
229
-
230
- a {
231
- color: #007bff;
232
- text-decoration: none;
233
- background-color: transparent;
234
- }
235
- a:hover, a:focus {
236
- text-decoration: underline;
237
- color: #0056b3;
238
- }
239
-
240
- a:not([href], [tabindex]) {
241
- color: inherit;
242
- text-decoration: none;
243
- }
244
-
245
- a:not([href], [class]),
246
- a:not([href], [class]):hover {
247
- color: inherit;
248
- text-decoration: none;
249
- }
250
-
251
- a:not([href], [tabindex]):focus {
252
- outline: 0;
253
- }
254
-
255
- :focus:not(:focus-visible) {
256
- outline: none;
257
- }
258
-
259
- [tabindex="-1"]:focus:not(:focus-visible) {
260
- outline: 0 !important;
261
- }
262
-
263
- a:focus,
264
- input:focus {
265
- outline: 2px solid orange;
266
- }
267
-
268
- :focus-visible {
269
- outline: 2px solid orange;
270
- }
271
-
272
- button:focus,
273
- [type=button]:focus,
274
- [type=reset]:focus,
275
- [type=submit]:focus,
276
- [type=email]:focus,
277
- [type=number]:focus,
278
- [type=password]:focus,
279
- [type=tel]:focus,
280
- [type=search]:focus,
281
- [type=text]:focus,
282
- [type=date]:focus,
283
- [type=datetime-local]:focus,
284
- [type=month]:focus,
285
- [type=time]:focus,
286
- [type=week]:focus,
287
- [type=url]:focus,
288
- [type=radio]:focus,
289
- [type=checkbox]:focus,
290
- input[list]:focus,
291
- select:focus,
292
- textarea:focus {
293
- outline: 0;
294
- }
295
-
296
- menu,
297
- ol,
298
- ul,
299
- dl {
300
- margin: 0 0 2rem 0;
301
- padding: 0;
302
- }
303
-
304
- menu ul,
305
- menu ol,
306
- ul ul,
307
- ul ol,
308
- ol ol,
309
- ol ul,
310
- dd {
311
- margin-bottom: 0;
312
- }
313
-
314
- ul,
315
- ol {
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: "​";
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
- address {
436
- font-style: normal;
437
- margin-bottom: 10px;
438
- margin-bottom: 1rem;
439
- line-height: inherit;
440
- }
441
-
442
- details > summary:first-of-type {
443
- display: list-item;
444
- }
445
-
446
- summary {
447
- cursor: pointer;
448
- font-weight: 700;
449
- word-break: break-all;
450
- }
451
-
452
- dialog {
453
- background-color: #fff;
454
- color: #222;
455
- border: none;
456
- border-radius: 0.25rem;
457
- padding: 20px;
458
- padding: 2rem;
459
- height: -moz-fit-content;
460
- height: fit-content;
461
- min-width: 25rem;
462
- max-width: calc(100vw - 3rem);
463
- }
464
- @media (min-width: 768px) {
465
- dialog {
466
- max-width: 50rem;
467
- }
468
- }
469
-
470
- dialog[open] {
471
- display: block !important;
472
- }
473
-
474
- dialog::backdrop {
475
- background: rgba(0, 0, 0, 0.4);
476
- }
477
-
478
- @media (prefers-reduced-motion: no-preference) {
479
- :root {
480
- scroll-behavior: smooth;
481
- }
482
- }
483
- table {
484
- caption-side: bottom;
485
- max-width: 100%;
486
- border-collapse: collapse;
487
- border-color: currentcolor;
488
- text-indent: 0;
489
- }
490
-
491
- thead,
492
- tbody,
493
- tfoot,
494
- tr,
495
- td,
496
- th {
497
- border-color: inherit;
498
- border-style: solid;
499
- border-width: 0;
500
- }
501
-
502
- thead th {
503
- vertical-align: bottom;
504
- }
505
-
506
- th,
507
- td {
508
- vertical-align: top;
509
- }
510
-
511
- th {
512
- text-align: inherit;
513
- text-align: -webkit-match-parent;
514
- font-weight: 700;
515
- }
516
-
517
- caption {
518
- padding-top: 0.5rem;
519
- padding-bottom: 0.5rem;
520
- color: #999;
521
- text-align: left;
522
- caption-side: bottom;
523
- line-height: 1.375;
524
- font-size: 90%;
525
- }
526
-
527
- /* Accessibility
528
- * ========================================================================== */
529
- /**
530
- * Change the cursor on busy elements in all browsers (opinionated).
531
- */
532
- :where([aria-busy=true i]) {
533
- cursor: progress;
534
- }
535
-
536
- /*
537
- * Change the cursor on disabled, not-editable, or otherwise
538
- * inoperable elements in all browsers (opinionated).
539
- */
540
- :where([aria-disabled=true i], [disabled]) {
541
- cursor: not-allowed;
542
- }
543
-
544
- /*
545
- * Change the display on visually hidden accessible elements
546
- * in all browsers (opinionated).
547
- */
548
- :where([aria-hidden=false i][hidden]) {
549
- display: initial;
550
- }
551
-
552
- :where([aria-hidden=false i][hidden]:not(:focus)) {
553
- clip: rect(0, 0, 0, 0);
554
- position: absolute;
555
- }
556
-
557
- html input,
558
- button,
559
- select,
560
- optgroup,
561
- textarea {
562
- color: inherit;
563
- font-family: inherit;
564
- font-size: inherit;
565
- line-height: inherit;
566
- }
567
-
568
- html input,
569
- button,
570
- [type=radio],
571
- [type=checkbox],
572
- select,
573
- optgroup,
574
- textarea {
575
- margin: 0;
576
- }
577
-
578
- html input,
579
- select,
580
- textarea,
581
- legend {
582
- width: 100%;
583
- }
584
-
585
- html label,
586
- button,
587
- [type=image],
588
- [type=submit],
589
- [type=reset],
590
- html [type=button],
591
- [type=radio],
592
- [type=checkbox] {
593
- width: auto;
594
- }
595
-
596
- html input,
597
- label,
598
- select,
599
- textarea,
600
- button,
601
- html [type=button],
602
- [type=reset],
603
- [type=submit],
604
- output {
605
- display: inline-block;
606
- }
607
-
608
- [type=file] {
609
- display: block;
610
- background-color: transparent;
611
- }
612
-
613
- button,
614
- html input,
615
- select,
616
- textarea {
617
- background-image: none;
618
- }
619
-
620
- input,
621
- select,
622
- textarea {
623
- vertical-align: baseline;
624
- }
625
-
626
- form {
627
- margin: 0;
628
- }
629
-
630
- fieldset {
631
- border: 0;
632
- padding: 0;
633
- margin: 0;
634
- min-width: 0;
635
- }
636
-
637
- legend {
638
- display: table;
639
- max-width: 100%;
640
- white-space: normal;
641
- border: 0;
642
- padding: 0;
643
- font-weight: 400;
644
- margin-bottom: 5px;
645
- margin-bottom: 0.5rem;
646
- font-size: inherit;
647
- line-height: 1.375;
648
- color: inherit;
649
- }
650
-
651
- label {
652
- font-weight: 400;
653
- font-size: 90%;
654
- line-height: 1.375;
655
- margin-bottom: 5px;
656
- margin-bottom: 0.5rem;
657
- }
658
-
659
- label input,
660
- label select,
661
- label textarea {
662
- font-size: 110%;
663
- }
664
-
665
- ::-webkit-inner-spin-button {
666
- height: auto;
667
- }
668
-
669
- ::-webkit-datetime-edit-fields-wrapper,
670
- ::-webkit-datetime-edit-text,
671
- ::-webkit-datetime-edit-minute,
672
- ::-webkit-datetime-edit-hour-field,
673
- ::-webkit-datetime-edit-day-field,
674
- ::-webkit-datetime-edit-month-field,
675
- ::-webkit-datetime-edit-year-field {
676
- padding: 0;
677
- }
678
-
679
- ::-webkit-color-swatch-wrapper {
680
- padding: 0;
681
- }
682
-
683
- [type=search] {
684
- outline-offset: -0.25rem;
685
- }
686
-
687
- output {
688
- vertical-align: middle;
689
- }
690
-
691
- button,
692
- select {
693
- text-transform: none;
694
- }
695
-
696
- select {
697
- word-wrap: normal;
698
- }
699
-
700
- [list]:not([type=date],
701
- [type=datetime-local],
702
- [type=month],
703
- [type=week],
704
- [type=time])::-webkit-calendar-picker-indicator {
705
- display: none !important;
706
- }
707
-
708
- optgroup {
709
- font-family: inherit;
710
- font-size: inherit;
711
- font-style: inherit;
712
- font-weight: 600;
713
- }
714
-
715
- button,
716
- html [type=button],
717
- [type=reset],
718
- [type=submit],
719
- [type=email],
720
- [type=number],
721
- [type=text],
722
- [type=tel],
723
- [type=date],
724
- [type=datetime-local],
725
- [type=month],
726
- [type=week],
727
- [type=url],
728
- [type=image],
729
- [type=password],
730
- [type=search],
731
- [type=search]::-webkit-search-decoration,
732
- [type=search]::-webkit-search-cancel-button,
733
- input[list],
734
- textarea {
735
- -webkit-appearance: none;
736
- appearance: none;
737
- }
738
-
739
- ::file-selector-button {
740
- font: inherit;
741
- -webkit-appearance: auto;
742
- -moz-appearance: auto;
743
- appearance: auto;
744
- }
745
-
746
- button,
747
- input,
748
- select,
749
- textarea {
750
- border-radius: 0.25rem;
751
- }
752
-
753
- [type=radio] {
754
- border-radius: 50%;
755
- }
756
-
757
- [type=checkbox] {
758
- border-radius: 0.5rem;
759
- }
760
-
761
- [type=radio],
762
- [type=checkbox] {
763
- padding: 0;
764
- background-color: #fff;
765
- }
766
-
767
- [type=range i] {
768
- background-color: transparent;
769
- }
770
-
771
- select[size],
772
- select[multiple] {
773
- height: auto;
774
- }
775
-
776
- select[multiple] {
777
- background-image: none;
778
- }
779
-
780
- textarea {
781
- height: auto;
782
- min-height: 60px;
783
- min-height: 6rem;
784
- overflow: auto;
785
- vertical-align: top;
786
- resize: vertical;
787
- }
788
-
789
- ::-moz-focus-inner {
790
- padding: 0;
791
- border-style: none;
792
- }
793
-
794
- button,
795
- [type=button],
796
- [type=reset],
797
- [type=submit] {
798
- line-height: normal;
799
- text-align: center;
800
- margin: 0;
801
- background-clip: padding-box;
802
- vertical-align: baseline;
803
- overflow: visible;
804
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
805
- -webkit-user-select: none;
806
- -moz-user-select: none;
807
- user-select: none;
808
- border: 0;
809
- background-image: none;
810
- }
811
- button:hover, button:active, button:focus,
812
- [type=button]:hover,
813
- [type=button]:active,
814
- [type=button]:focus,
815
- [type=reset]:hover,
816
- [type=reset]:active,
817
- [type=reset]:focus,
818
- [type=submit]:hover,
819
- [type=submit]:active,
820
- [type=submit]:focus {
821
- text-decoration: none;
822
- color: #222;
823
- }
824
-
825
- button:not(:disabled),
826
- [type=button]:not(:disabled),
827
- [type=reset]:not(:disabled),
828
- [type=submit]:not(:disabled) {
829
- cursor: pointer;
830
- }
831
-
832
- input::-moz-placeholder, textarea::-moz-placeholder {
833
- color: #666;
834
- }
835
-
836
- input::placeholder,
837
- textarea::placeholder {
838
- color: #666;
839
- }
840
-
841
- /*
842
- Use the modern Firefox focus style for all focusable elements.
843
- */
844
- :-moz-focusring {
845
- outline: auto;
846
- }
847
-
848
- :-moz-ui-invalid {
849
- box-shadow: none;
850
- }
851
-
852
- [type=email],
853
- [type=number],
854
- [type=password],
855
- [type=tel],
856
- [type=search],
857
- [type=text],
858
- [type=date],
859
- [type=datetime-local],
860
- [type=month],
861
- [type=week],
862
- [type=time],
863
- [type=url],
864
- input[list],
865
- select,
866
- textarea {
867
- background-color: #fff;
868
- border: 1px solid/#999;
869
- padding: 5px 7.5px;
870
- padding: 0.5rem 0.75rem;
871
- }
872
-
873
- [type=email]:active, [type=email]:focus,
874
- [type=number]:active,
875
- [type=number]:focus,
876
- [type=password]:active,
877
- [type=password]:focus,
878
- [type=tel]:active,
879
- [type=tel]:focus,
880
- [type=search]:active,
881
- [type=search]:focus,
882
- [type=text]:active,
883
- [type=text]:focus,
884
- [type=date]:active,
885
- [type=date]:focus,
886
- [type=datetime-local]:active,
887
- [type=datetime-local]:focus,
888
- [type=month]:active,
889
- [type=month]:focus,
890
- [type=week]:active,
891
- [type=week]:focus,
892
- [type=time]:active,
893
- [type=time]:focus,
894
- [type=url]:active,
895
- [type=url]:focus,
896
- input[list]:active,
897
- input[list]:focus,
898
- select:active,
899
- select:focus,
900
- textarea:active,
901
- textarea:focus,
902
- [type=radio]:active,
903
- [type=radio]:focus,
904
- [type=checkbox]:active,
905
- [type=checkbox]:focus {
906
- transition: border 0.2s, background-color 0.2s, box-shadow 0.2s;
907
- border-color: #007bff;
908
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
909
- }
910
-
911
- button,
912
- [type=button],
913
- [type=reset],
914
- [type=submit] {
915
- color: #222;
916
- padding: 6.6666666667px 13.3333333333px;
917
- padding: 0.6666666667rem 1.3333333333rem;
918
- background: #ccc;
919
- transition: color 0.2s, background 0.2s, box-shadow 0.2s;
920
- }
921
- button:hover, button:active, button:focus,
922
- [type=button]:hover,
923
- [type=button]:active,
924
- [type=button]:focus,
925
- [type=reset]:hover,
926
- [type=reset]:active,
927
- [type=reset]:focus,
928
- [type=submit]:hover,
929
- [type=submit]:active,
930
- [type=submit]:focus {
931
- text-decoration: none;
932
- color: #222;
933
- background: rgb(178.5, 178.5, 178.5);
934
- }
935
- button:active, button:focus,
936
- [type=button]:active,
937
- [type=button]:focus,
938
- [type=reset]:active,
939
- [type=reset]:focus,
940
- [type=submit]:active,
941
- [type=submit]:focus {
942
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
943
- }
944
-
945
- fieldset[disabled] button,
946
- fieldset[disabled] input,
947
- fieldset[disabled] input::after,
948
- fieldset[disabled] input::before,
949
- fieldset[disabled] input:checked,
950
- fieldset[disabled] select,
951
- fieldset[disabled] textarea,
952
- fieldset[disabled] label,
953
- button[disabled],
954
- input[disabled],
955
- input[disabled]::after,
956
- input[disabled]::before,
957
- input[disabled]:checked,
958
- select[disabled],
959
- textarea[disabled],
960
- label[disabled],
961
- button:disabled,
962
- input:disabled,
963
- input:disabled::after,
964
- input:disabled::before,
965
- input:disabled:checked,
966
- select:disabled,
967
- textarea:disabled,
968
- label:disabled,
969
- button[aria-disabled=true],
970
- input[aria-disabled=true],
971
- input[aria-disabled=true]::after,
972
- input[aria-disabled=true]::before,
973
- input[aria-disabled=true]:checked,
974
- select[aria-disabled=true],
975
- textarea[aria-disabled=true],
976
- label[aria-disabled=true] {
977
- cursor: default !important;
978
- cursor: not-allowed !important;
979
- pointer-events: none !important;
980
- -webkit-user-select: none !important;
981
- -moz-user-select: none !important;
982
- user-select: none !important;
983
- box-shadow: none !important;
984
- opacity: 0.5 !important;
985
- }
986
-
987
- select:not([size], [multiple]) {
988
- -webkit-appearance: none;
989
- -moz-appearance: none;
990
- appearance: none;
991
- 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;
992
- padding-right: 20px;
993
- padding-right: 2rem;
994
- }
995
-
996
- select::-ms-expand {
997
- display: none;
998
- }
999
-
1000
- *[dir=rtl] select:not([size], [multiple]),
1001
- select[dir=rtl]:not([size], [multiple]) {
1002
- background-position: left 0.85rem top 50%;
1003
- padding-right: 7.5px;
1004
- padding-right: 0.75rem;
1005
- padding-left: 20px;
1006
- padding-left: 2rem;
1007
- }
1008
-
1009
- [type=checkbox],
1010
- [type=radio] {
1011
- -webkit-appearance: none;
1012
- -moz-appearance: none;
1013
- appearance: none;
1014
- height: 1.8rem;
1015
- width: 1.8rem;
1016
- vertical-align: top;
1017
- position: relative;
1018
- border: 1px solid/#999;
1019
- }
1020
- [type=checkbox] + label,
1021
- [type=radio] + label {
1022
- line-height: 1.8rem;
1023
- vertical-align: top;
1024
- margin-left: 5px;
1025
- margin-left: 0.5rem;
1026
- }
1027
- *[dir=rtl] [type=checkbox] + label, [type=checkbox][dir=rtl] + label,
1028
- *[dir=rtl] [type=radio] + label,
1029
- [type=radio][dir=rtl] + label {
1030
- margin-left: 0;
1031
- margin-right: 5px;
1032
- margin-right: 0.5rem;
1033
- }
1034
- [type=checkbox]::after,
1035
- [type=radio]::after {
1036
- content: "";
1037
- display: block;
1038
- position: absolute;
1039
- }
1040
- [type=checkbox]:checked,
1041
- [type=radio]:checked {
1042
- background-color: #007bff;
1043
- border-color: #000;
1044
- }
1045
-
1046
- [type=radio]::after {
1047
- width: 1.8rem;
1048
- height: 1.8rem;
1049
- left: -0.05rem;
1050
- top: -0.05rem;
1051
- border-radius: 50%;
1052
- background: #fff;
1053
- transform: scale(0.35);
1054
- }
1055
-
1056
- [type=checkbox]::after {
1057
- width: 0.6rem;
1058
- height: 0.8rem;
1059
- border: 2px solid/#fff;
1060
- border-top: 0;
1061
- border-left: 0;
1062
- left: 35%;
1063
- top: 20%;
1064
- transform: rotate(43deg);
1065
- }
1066
-
1067
- [type=range] {
1068
- -webkit-appearance: none;
1069
- -moz-appearance: none;
1070
- appearance: none;
1071
- width: 100%;
1072
- height: 1.4rem;
1073
- }
1074
-
1075
- [type=range]::-webkit-slider-thumb {
1076
- border: 0;
1077
- -webkit-appearance: none;
1078
- appearance: none;
1079
- width: 1.5rem;
1080
- height: 1.5rem;
1081
- margin-top: -0.25rem;
1082
- background-color: #007bff;
1083
- border-radius: 1.5rem;
1084
- -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1085
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1086
- }
1087
- [type=range]::-webkit-slider-thumb:active {
1088
- background-color: #007bff;
1089
- }
1090
-
1091
- [type=range]::-moz-range-thumb {
1092
- border: 0;
1093
- -moz-appearance: none;
1094
- appearance: none;
1095
- width: 1.5rem;
1096
- height: 1.5rem;
1097
- background-color: #007bff;
1098
- border-radius: 1.5rem;
1099
- -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1100
- transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1101
- }
1102
- [type=range]::-moz-range-thumb:active {
1103
- background-color: #007bff;
1104
- }
1105
-
1106
- [type=range]::-webkit-slider-runnable-track {
1107
- color: transparent;
1108
- border-color: transparent;
1109
- width: 100%;
1110
- height: 0.65rem;
1111
- cursor: pointer;
1112
- background-color: #e9e9e9;
1113
- }
1114
-
1115
- [type=range]::-moz-range-track {
1116
- color: transparent;
1117
- border-color: transparent;
1118
- width: 100%;
1119
- height: 0.65rem;
1120
- cursor: pointer;
1121
- background-color: #e9e9e9;
1122
- }
1123
-
1124
- [type=range]:focus {
1125
- outline: none;
1126
- }
1127
- [type=range]:focus::-webkit-slider-thumb {
1128
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1129
- }
1130
- [type=range]:focus::-moz-slider-thumb {
1131
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1132
- }
1133
-
1134
- [type=range]::-moz-focus-outer {
1135
- border: 0;
1136
- }
1137
-
1138
- [type=range]:focus::-moz-range-thumb {
1139
- box-shadow: 0 0 0 0.1rem/#fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1140
- }
1141
-
1142
- [type=range]:disabled {
1143
- pointer-events: none;
1144
- }
1145
- [type=range]:disabled::-webkit-slider-thumb {
1146
- background-color: #ccc;
1147
- }
1148
- [type=range]:disabled::-moz-slider-thumb {
1149
- background-color: #ccc;
1150
- }
1151
-
1152
- @media (prefers-color-scheme: dark) {
1153
- html {
1154
- color: #f0f0f0;
1155
- }
1156
- body {
1157
- background-color: rgb(36.125, 36.125, 36.125);
1158
- }
1159
- a {
1160
- color: rgb(102, 175.8, 255);
1161
- }
1162
- a:hover, a:focus {
1163
- color: rgb(26, 136.0223463687, 255);
1164
- }
1165
- mark {
1166
- background-color: #cccc00;
1167
- }
1168
- ins {
1169
- background-color: hsl(60, 100%, 125%);
1170
- }
1171
- [type=email],
1172
- [type=number],
1173
- [type=password],
1174
- [type=tel],
1175
- [type=search],
1176
- [type=text],
1177
- [type=date],
1178
- [type=datetime-local],
1179
- [type=month],
1180
- [type=week],
1181
- [type=time],
1182
- [type=url],
1183
- [type=range],
1184
- input[list],
1185
- select,
1186
- select:not([size], [multiple]),
1187
- textarea {
1188
- background-color: #111;
1189
- border-color: #000;
1190
- color: #ccc;
1191
- }
1192
- [type=email]:active, [type=email]:focus,
1193
- [type=number]:active,
1194
- [type=number]:focus,
1195
- [type=password]:active,
1196
- [type=password]:focus,
1197
- [type=tel]:active,
1198
- [type=tel]:focus,
1199
- [type=search]:active,
1200
- [type=search]:focus,
1201
- [type=text]:active,
1202
- [type=text]:focus,
1203
- [type=date]:active,
1204
- [type=date]:focus,
1205
- [type=datetime-local]:active,
1206
- [type=datetime-local]:focus,
1207
- [type=month]:active,
1208
- [type=month]:focus,
1209
- [type=week]:active,
1210
- [type=week]:focus,
1211
- [type=time]:active,
1212
- [type=time]:focus,
1213
- [type=url]:active,
1214
- [type=url]:focus,
1215
- [type=range]:active,
1216
- [type=range]:focus,
1217
- input[list]:active,
1218
- input[list]:focus,
1219
- select:active,
1220
- select:focus,
1221
- select:not([size], [multiple]):active,
1222
- select:not([size], [multiple]):focus,
1223
- textarea:active,
1224
- textarea:focus {
1225
- background-color: #111;
1226
- border-color: rgb(51, 149.4, 255);
1227
- }
1228
- [type=email]:active, [type=email]:focus,
1229
- [type=number]:active,
1230
- [type=number]:focus,
1231
- [type=password]:active,
1232
- [type=password]:focus,
1233
- [type=tel]:active,
1234
- [type=tel]:focus,
1235
- [type=search]:active,
1236
- [type=search]:focus,
1237
- [type=text]:active,
1238
- [type=text]:focus,
1239
- [type=date]:active,
1240
- [type=date]:focus,
1241
- [type=datetime-local]:active,
1242
- [type=datetime-local]:focus,
1243
- [type=month]:active,
1244
- [type=month]:focus,
1245
- [type=week]:active,
1246
- [type=week]:focus,
1247
- [type=time]:active,
1248
- [type=time]:focus,
1249
- [type=url]:active,
1250
- [type=url]:focus,
1251
- input[list]:active,
1252
- input[list]:focus,
1253
- select:active,
1254
- select:focus,
1255
- select:not([size], [multiple]):active,
1256
- select:not([size], [multiple]):focus,
1257
- textarea:active,
1258
- textarea:focus {
1259
- box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.5);
1260
- }
1261
- select:not([size], [multiple]) {
1262
- background-image: 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='%23f0f0f0' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
1263
- }
1264
- /* stylelint-disable-next-line */
1265
- }
1266
- @media screen and (prefers-color-scheme: dark) and (min-width: 0\0 ) and (min-resolution: 0.001dpcm) {
1267
- select:not([size], [multiple]),
1268
- *[dir=rtl] select:not([size], [multiple]),
1269
- select[dir=rtl]:not([size], [multiple]) {
1270
- background-image: none;
1271
- }
1272
- }
1273
- @media (prefers-color-scheme: dark) {
1274
- [type=range] {
1275
- background-color: transparent;
1276
- }
1277
- [type=range]:focus {
1278
- background-color: transparent;
1279
- }
1280
- [type=range]::-webkit-slider-runnable-track {
1281
- background-color: #111;
1282
- }
1283
- [type=range]::-moz-range-track {
1284
- background-color: #111;
1285
- }
1286
- input::-moz-placeholder, textarea::-moz-placeholder {
1287
- color: #999;
1288
- }
1289
- input::placeholder,
1290
- textarea::placeholder {
1291
- color: #999;
1292
- }
1293
- button,
1294
- [type=button],
1295
- [type=reset],
1296
- [type=submit] {
1297
- background: #ccc;
1298
- }
1299
- button:hover, button:active, button:focus,
1300
- [type=button]:hover,
1301
- [type=button]:active,
1302
- [type=button]:focus,
1303
- [type=reset]:hover,
1304
- [type=reset]:active,
1305
- [type=reset]:focus,
1306
- [type=submit]:hover,
1307
- [type=submit]:active,
1308
- [type=submit]:focus {
1309
- background: rgb(178.5, 178.5, 178.5);
1310
- }
1311
- button:active, button:focus,
1312
- [type=button]:active,
1313
- [type=button]:focus,
1314
- [type=reset]:active,
1315
- [type=reset]:focus,
1316
- [type=submit]:active,
1317
- [type=submit]:focus {
1318
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
1319
- }
1320
- button:active, button:focus,
1321
- [type=button]:active,
1322
- [type=button]:focus,
1323
- [type=reset]:active,
1324
- [type=reset]:focus,
1325
- [type=submit]:active,
1326
- [type=submit]:focus {
1327
- box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
1328
- }
1329
- a:focus,
1330
- input:focus {
1331
- outline-color: rgb(178.5, 115.5, 0);
1332
- }
1333
- :focus-visible {
1334
- outline-color: rgb(178.5, 115.5, 0);
1335
- }
1336
- dialog {
1337
- color: #f0f0f0;
1338
- background-color: rgb(36.125, 36.125, 36.125);
1339
- }
1340
- }