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,2259 +0,0 @@
1
- /*! bullframe.css v3.8.0 | MIT License | https://github.com/marcop135/bullframe.css */
2
- html,
3
- body {
4
- height: 100%;
5
- }
6
-
7
- body {
8
- min-height: 100%;
9
- }
10
-
11
- *,
12
- *::before,
13
- *::after {
14
- box-sizing: border-box;
15
- }
16
-
17
- article,
18
- aside,
19
- dialog,
20
- figcaption,
21
- figure,
22
- footer,
23
- header,
24
- hgroup,
25
- main,
26
- menu,
27
- nav,
28
- section,
29
- details {
30
- display: block;
31
- }
32
-
33
- template {
34
- display: none;
35
- }
36
-
37
- a,
38
- area,
39
- button,
40
- input,
41
- label,
42
- select,
43
- summary,
44
- textarea,
45
- [tabindex] {
46
- -ms-touch-action: manipulation;
47
- }
48
-
49
- [hidden] {
50
- display: none !important;
51
- }
52
-
53
- @-ms-viewport {
54
- width: device-width;
55
- }
56
-
57
- html {
58
- -webkit-text-size-adjust: 100%;
59
- -moz-text-size-adjust: 100%;
60
- text-size-adjust: 100%;
61
- font-size: 62.5%;
62
- color: #222;
63
- font-family: sans-serif;
64
- line-height: 1.15;
65
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
66
- }
67
-
68
- body {
69
- margin: 0;
70
- font-size: 16px;
71
- font-size: 1.6rem;
72
- line-height: 1.5;
73
- font-weight: 400;
74
- text-align: left;
75
- 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";
76
- text-rendering: optimizeLegibility;
77
- word-wrap: break-word;
78
- background-color: #fff;
79
- }
80
-
81
- h1,
82
- h2,
83
- h3,
84
- h4,
85
- h5,
86
- h6 {
87
- margin-top: 0;
88
- font-weight: 700;
89
- font-weight: 600;
90
- font-family: inherit;
91
- color: inherit;
92
- line-height: 1.25;
93
- margin-bottom: 10px;
94
- margin-bottom: 1rem;
95
- }
96
-
97
- h1 {
98
- font-size: 36px;
99
- font-size: 3.6rem;
100
- }
101
-
102
- h2 {
103
- font-size: 30px;
104
- font-size: 3rem;
105
- }
106
-
107
- h3 {
108
- font-size: 24px;
109
- font-size: 2.4rem;
110
- }
111
-
112
- h4 {
113
- font-size: 20px;
114
- font-size: 2rem;
115
- }
116
-
117
- h5,
118
- h6 {
119
- font-size: 16px;
120
- font-size: 1.6rem;
121
- }
122
-
123
- blockquote {
124
- margin: 0 0 20px 0;
125
- margin-bottom: 2rem;
126
- padding-left: 0;
127
- font-style: italic;
128
- }
129
-
130
- blockquote p {
131
- margin-bottom: 0;
132
- }
133
-
134
- blockquote small {
135
- color: #999;
136
- display: block;
137
- }
138
-
139
- blockquote small:before {
140
- content: '\2014 \00A0';
141
- }
142
-
143
- q {
144
- quotes: "“" "”" "‘" "’";
145
- }
146
-
147
- pre {
148
- margin: 0 0 20px 0;
149
- margin: 0 0 2rem 0;
150
- }
151
-
152
- pre {
153
- display: block;
154
- overflow: auto;
155
- word-break: break-all;
156
- word-wrap: break-word;
157
- white-space: pre;
158
- -webkit-hyphens: none;
159
- -ms-hyphens: none;
160
- hyphens: none;
161
- -ms-overflow-style: auto;
162
- display: block;
163
- }
164
-
165
- pre,
166
- code,
167
- kbd,
168
- samp {
169
- 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";
170
- font-size: .875em;
171
- }
172
-
173
- code {
174
- word-wrap: break-word;
175
- }
176
-
177
- a > code {
178
- color: inherit;
179
- }
180
-
181
- pre code {
182
- font-size: inherit;
183
- color: inherit;
184
- word-break: normal;
185
- }
186
-
187
- p {
188
- margin: 0 0 20px 0;
189
- margin: 0 0 2rem 0;
190
- }
191
-
192
- abbr[title],
193
- abbr[data-original-title] {
194
- cursor: help;
195
- text-decoration: underline;
196
- -webkit-text-decoration: underline dotted;
197
- text-decoration: underline dotted;
198
- cursor: help;
199
- border-bottom: 0;
200
- }
201
-
202
- mark {
203
- background-color: #ff0;
204
- color: #000;
205
- }
206
-
207
- ins {
208
- background-color: #ff9;
209
- color: #000;
210
- text-decoration: none;
211
- }
212
-
213
- b,
214
- strong {
215
- font-weight: inherit;
216
- }
217
-
218
- b,
219
- strong {
220
- font-weight: bolder;
221
- }
222
-
223
- dfn {
224
- font-style: italic;
225
- }
226
-
227
- sub,
228
- sup {
229
- font-size: 75%;
230
- line-height: 0;
231
- position: relative;
232
- vertical-align: baseline;
233
- }
234
-
235
- sup {
236
- top: -8px;
237
- top: -.8rem;
238
- }
239
-
240
- sub {
241
- bottom: -4px;
242
- bottom: -.4rem;
243
- }
244
-
245
- small {
246
- font-size: 80%;
247
- }
248
-
249
- hr {
250
- box-sizing: content-box;
251
- display: block;
252
- height: 0;
253
- border-style: solid;
254
- border-width: 1px 0 0;
255
- color: inherit;
256
- margin: 20px 0;
257
- margin: 2rem 0;
258
- padding: 0;
259
- overflow: visible;
260
- }
261
-
262
- address {
263
- font-style: normal;
264
- margin-bottom: 10px;
265
- margin-bottom: 1rem;
266
- line-height: inherit;
267
- }
268
-
269
- summary {
270
- display: list-item;
271
- cursor: pointer;
272
- }
273
-
274
- a {
275
- color: #007bff;
276
- text-decoration: none;
277
- background-color: transparent;
278
- }
279
-
280
- a:hover, a:focus {
281
- text-decoration: underline;
282
- color: #0056b3;
283
- }
284
-
285
- a:not([href]):not([tabindex]) {
286
- color: inherit;
287
- text-decoration: none;
288
- }
289
-
290
- a:not([href]):not([tabindex]):hover,
291
- a:not([href]):not([tabindex]):focus,
292
- a:not([href]):not([class]),
293
- a:not([href]):not([class]):hover {
294
- color: inherit;
295
- text-decoration: none;
296
- }
297
-
298
- a:not([href]):not([tabindex]):focus {
299
- outline: 0;
300
- }
301
-
302
- :focus:not(:focus-visible) {
303
- outline: none;
304
- }
305
-
306
- [tabindex='-1']:focus:not(:focus-visible) {
307
- outline: 0 !important;
308
- }
309
-
310
- a:focus,
311
- input:focus {
312
- outline: 2px solid orange;
313
- }
314
-
315
- :focus-visible {
316
- outline: 2px solid orange;
317
- }
318
-
319
- button:focus,
320
- [type='button']:focus,
321
- [type='reset']:focus,
322
- [type='submit']:focus,
323
- [type='email']:focus,
324
- [type='number']:focus,
325
- [type='password']:focus,
326
- [type='tel']:focus,
327
- [type='search']:focus,
328
- [type='text']:focus,
329
- [type='date']:focus,
330
- [type='datetime-local']:focus,
331
- [type='month']:focus,
332
- [type='time']:focus,
333
- [type='week']:focus,
334
- [type='time']:focus,
335
- [type='url']:focus,
336
- [type='radio']:focus,
337
- [type='checkbox']:focus,
338
- input[list]:focus,
339
- select:focus,
340
- textarea:focus {
341
- outline: 0;
342
- }
343
-
344
- menu,
345
- ol,
346
- ul,
347
- dl {
348
- margin: 0 0 20px 0;
349
- margin: 0 0 2rem 0;
350
- padding: 0;
351
- }
352
-
353
- menu ul,
354
- menu ol,
355
- ul ul,
356
- ul ol,
357
- ol ol,
358
- ol ul,
359
- dd {
360
- margin-bottom: 0;
361
- }
362
-
363
- ul,
364
- ol {
365
- margin-left: 20px;
366
- margin-left: 2rem;
367
- }
368
-
369
- nav ol,
370
- nav ul {
371
- list-style: none;
372
- list-style-image: none;
373
- margin-left: 0;
374
- }
375
-
376
- dt {
377
- font-weight: 700;
378
- }
379
-
380
- dd {
381
- margin-left: 0;
382
- }
383
-
384
- nav li:before {
385
- content: '\200B';
386
- position: absolute;
387
- }
388
-
389
- audio,
390
- canvas,
391
- progress,
392
- video {
393
- display: inline-block;
394
- }
395
-
396
- img,
397
- canvas,
398
- audio,
399
- video,
400
- iframe,
401
- object,
402
- embed {
403
- max-width: 100%;
404
- }
405
-
406
- audio,
407
- video,
408
- canvas,
409
- img,
410
- svg {
411
- vertical-align: middle;
412
- }
413
-
414
- img {
415
- height: auto;
416
- border-style: none;
417
- }
418
-
419
- figure {
420
- margin: 0;
421
- }
422
-
423
- figure,
424
- figcaption {
425
- display: block;
426
- }
427
-
428
- figcaption {
429
- line-height: 1.375;
430
- font-size: 90%;
431
- }
432
-
433
- video {
434
- height: auto;
435
- }
436
-
437
- audio {
438
- width: 100%;
439
- }
440
-
441
- audio:not([controls]) {
442
- display: none;
443
- height: 0;
444
- }
445
-
446
- svg:not(:root) {
447
- overflow: hidden;
448
- }
449
-
450
- svg:not([fill]) {
451
- fill: currentColor;
452
- }
453
-
454
- progress,
455
- meter {
456
- display: inline-block;
457
- vertical-align: baseline;
458
- width: 100%;
459
- max-width: 100%;
460
- }
461
-
462
- progress[value] {
463
- -webkit-appearance: none;
464
- -moz-appearance: none;
465
- appearance: none;
466
- border: none;
467
- height: 20px;
468
- height: 2rem;
469
- background: #ccc;
470
- color: #007bff;
471
- }
472
-
473
- progress[value]::-webkit-progress-bar {
474
- background: #ccc;
475
- }
476
-
477
- progress[value]::-webkit-progress-value {
478
- background: #007bff;
479
- }
480
-
481
- iframe {
482
- border-style: none;
483
- }
484
-
485
- html input,
486
- button,
487
- select,
488
- optgroup,
489
- textarea {
490
- color: inherit;
491
- font-family: inherit;
492
- font-size: inherit;
493
- line-height: inherit;
494
- }
495
-
496
- html input,
497
- button,
498
- [type='radio'],
499
- [type='checkbox'],
500
- select,
501
- optgroup,
502
- textarea {
503
- margin: 0;
504
- }
505
-
506
- html input,
507
- select,
508
- textarea,
509
- legend {
510
- width: 100%;
511
- }
512
-
513
- html label,
514
- button,
515
- [type='image'],
516
- [type='submit'],
517
- [type='reset'],
518
- html [type='button'],
519
- [type='radio'],
520
- [type='checkbox'] {
521
- width: auto;
522
- }
523
-
524
- html input,
525
- label,
526
- select,
527
- textarea,
528
- button,
529
- html [type='button'],
530
- [type='reset'],
531
- [type='submit'],
532
- output {
533
- display: inline-block;
534
- }
535
-
536
- [type='file'] {
537
- display: block;
538
- background-color: transparent;
539
- }
540
-
541
- button,
542
- html input,
543
- select,
544
- textarea {
545
- background-image: none;
546
- }
547
-
548
- input,
549
- select,
550
- textarea {
551
- vertical-align: baseline;
552
- }
553
-
554
- form {
555
- margin: 0;
556
- }
557
-
558
- fieldset {
559
- border: 0;
560
- padding: 0;
561
- margin: 0;
562
- min-width: 0;
563
- }
564
-
565
- legend {
566
- display: table;
567
- max-width: 100%;
568
- white-space: normal;
569
- border: 0;
570
- padding: 0;
571
- font-weight: 400;
572
- margin-bottom: 5px;
573
- margin-bottom: 0.5rem;
574
- font-size: inherit;
575
- line-height: 1.375;
576
- color: inherit;
577
- }
578
-
579
- label {
580
- font-weight: 400;
581
- font-size: 90%;
582
- line-height: 1.375;
583
- margin-bottom: 5px;
584
- margin-bottom: 0.5rem;
585
- }
586
-
587
- label input,
588
- label select,
589
- label textarea {
590
- font-size: 110%;
591
- }
592
-
593
- [type='number']::-webkit-outer-spin-button,
594
- [type='number']::-webkit-inner-spin-button {
595
- height: auto;
596
- }
597
-
598
- ::-webkit-datetime-edit-fields-wrapper,
599
- ::-webkit-datetime-edit-text,
600
- ::-webkit-datetime-edit-minute,
601
- ::-webkit-datetime-edit-hour-field,
602
- ::-webkit-datetime-edit-day-field,
603
- ::-webkit-datetime-edit-month-field,
604
- ::-webkit-datetime-edit-year-field {
605
- padding: 0;
606
- }
607
-
608
- ::-webkit-color-swatch-wrapper {
609
- padding: 0;
610
- }
611
-
612
- [type='search'] {
613
- outline-offset: -2.5px;
614
- outline-offset: -0.25rem;
615
- }
616
-
617
- output {
618
- vertical-align: middle;
619
- }
620
-
621
- button,
622
- select {
623
- text-transform: none;
624
- }
625
-
626
- select {
627
- word-wrap: normal;
628
- }
629
-
630
- [list]::-webkit-calendar-picker-indicator {
631
- display: none;
632
- }
633
-
634
- optgroup {
635
- font-family: inherit;
636
- font-size: inherit;
637
- font-style: inherit;
638
- font-weight: 700;
639
- font-weight: 600;
640
- }
641
-
642
- button,
643
- html [type="button"],
644
- [type="reset"],
645
- [type="submit"],
646
- [type="email"],
647
- [type="number"],
648
- [type="text"],
649
- [type="tel"],
650
- [type="date"],
651
- [type="datetime-local"],
652
- [type="month"],
653
- [type="week"],
654
- [type="url"],
655
- [type="image"],
656
- [type="password"],
657
- [type="search"],
658
- [type="search"]::-webkit-search-decoration,
659
- [type="search"]::-webkit-search-cancel-button,
660
- input[list],
661
- textarea {
662
- -webkit-appearance: none;
663
- }
664
-
665
- ::-webkit-file-upload-button {
666
- -webkit-appearance: button;
667
- font: inherit;
668
- }
669
-
670
- button,
671
- input,
672
- select,
673
- textarea {
674
- border-radius: 2.5px;
675
- border-radius: 0.25rem;
676
- }
677
-
678
- [type='radio'] {
679
- border-radius: 50%;
680
- }
681
-
682
- [type='checkbox'] {
683
- border-radius: 5px;
684
- border-radius: 0.5rem;
685
- }
686
-
687
- [type='radio'],
688
- [type='checkbox'] {
689
- padding: 0;
690
- background-color: #fff;
691
- }
692
-
693
- [type='range'] {
694
- background-color: transparent;
695
- }
696
-
697
- select[size],
698
- select[multiple] {
699
- height: auto;
700
- }
701
-
702
- select[multiple] {
703
- background-image: none;
704
- }
705
-
706
- textarea {
707
- height: auto;
708
- min-height: 60px;
709
- min-height: 6rem;
710
- overflow: auto;
711
- vertical-align: top;
712
- resize: vertical;
713
- }
714
-
715
- ::-moz-focus-inner {
716
- padding: 0;
717
- border-style: none;
718
- }
719
-
720
- button,
721
- [type='button'],
722
- [type='reset'],
723
- [type='submit'] {
724
- line-height: normal;
725
- text-align: center;
726
- margin: 0;
727
- background-clip: padding-box;
728
- vertical-align: baseline;
729
- overflow: visible;
730
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
731
- -webkit-user-select: none;
732
- -moz-user-select: none;
733
- -ms-user-select: none;
734
- user-select: none;
735
- border: 0;
736
- background-image: none;
737
- }
738
-
739
- button:hover, button:active, button:focus,
740
- [type='button']:hover,
741
- [type='button']:active,
742
- [type='button']:focus,
743
- [type='reset']:hover,
744
- [type='reset']:active,
745
- [type='reset']:focus,
746
- [type='submit']:hover,
747
- [type='submit']:active,
748
- [type='submit']:focus {
749
- text-decoration: none;
750
- color: #222;
751
- }
752
-
753
- button,
754
- select,
755
- input[type='submit'],
756
- input[type='button'],
757
- [type='checkbox'],
758
- [type='range'],
759
- [type='radio'],
760
- [role='button'] {
761
- cursor: pointer;
762
- }
763
-
764
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
765
- color: #666;
766
- }
767
-
768
- input::-moz-placeholder, textarea::-moz-placeholder {
769
- color: #666;
770
- }
771
-
772
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
773
- color: #666;
774
- }
775
-
776
- input::placeholder,
777
- textarea::placeholder {
778
- color: #666;
779
- }
780
-
781
- :-moz-ui-invalid {
782
- box-shadow: none;
783
- }
784
-
785
- [type='email'],
786
- [type='number'],
787
- [type='password'],
788
- [type='tel'],
789
- [type='search'],
790
- [type='text'],
791
- [type='date'],
792
- [type='datetime-local'],
793
- [type='month'],
794
- [type='time'],
795
- [type='week'],
796
- [type='time'],
797
- [type='url'],
798
- input[list],
799
- select,
800
- textarea {
801
- background-color: #fff;
802
- border: 1px solid #999;
803
- padding: 5px 7.5px;
804
- padding: 0.5rem 0.75rem;
805
- }
806
-
807
- [type='email']:active, [type='email']:focus,
808
- [type='number']:active,
809
- [type='number']:focus,
810
- [type='password']:active,
811
- [type='password']:focus,
812
- [type='tel']:active,
813
- [type='tel']:focus,
814
- [type='search']:active,
815
- [type='search']:focus,
816
- [type='text']:active,
817
- [type='text']:focus,
818
- [type='date']:active,
819
- [type='date']:focus,
820
- [type='datetime-local']:active,
821
- [type='datetime-local']:focus,
822
- [type='month']:active,
823
- [type='month']:focus,
824
- [type='time']:active,
825
- [type='time']:focus,
826
- [type='week']:active,
827
- [type='week']:focus,
828
- [type='time']:active,
829
- [type='time']:focus,
830
- [type='url']:active,
831
- [type='url']:focus,
832
- input[list]:active,
833
- input[list]:focus,
834
- select:active,
835
- select:focus,
836
- textarea:active,
837
- textarea:focus,
838
- [type='radio']:active,
839
- [type='radio']:focus,
840
- [type='checkbox']:active,
841
- [type='checkbox']:focus {
842
- transition: border .2s, background-color .2s, box-shadow .2s;
843
- border-color: #007bff;
844
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
845
- }
846
-
847
- button,
848
- [type='button'],
849
- [type='reset'],
850
- [type='submit'] {
851
- color: #222;
852
- padding: 6.66667px 13.33333px;
853
- padding: 0.66667rem 1.33333rem;
854
- background: #ccc;
855
- transition: color .2s, background .2s, box-shadow .2s;
856
- }
857
-
858
- button:hover, button:active, button:focus,
859
- [type='button']:hover,
860
- [type='button']:active,
861
- [type='button']:focus,
862
- [type='reset']:hover,
863
- [type='reset']:active,
864
- [type='reset']:focus,
865
- [type='submit']:hover,
866
- [type='submit']:active,
867
- [type='submit']:focus {
868
- text-decoration: none;
869
- color: #222;
870
- background: #b3b3b3;
871
- }
872
-
873
- button:active, button:focus,
874
- [type='button']:active,
875
- [type='button']:focus,
876
- [type='reset']:active,
877
- [type='reset']:focus,
878
- [type='submit']:active,
879
- [type='submit']:focus {
880
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
881
- }
882
-
883
- fieldset[disabled] button,
884
- fieldset[disabled] input,
885
- fieldset[disabled] input:after,
886
- fieldset[disabled] input:before,
887
- fieldset[disabled] input:checked,
888
- fieldset[disabled] select,
889
- fieldset[disabled] textarea,
890
- fieldset[disabled] label,
891
- button[disabled],
892
- input[disabled],
893
- input[disabled]:after,
894
- input[disabled]:before,
895
- input[disabled]:checked,
896
- select[disabled],
897
- textarea[disabled],
898
- label[disabled],
899
- button:disabled,
900
- input:disabled,
901
- input:disabled:after,
902
- input:disabled:before,
903
- input:disabled:checked,
904
- select:disabled,
905
- textarea:disabled,
906
- label:disabled,
907
- button[aria-disabled="true"],
908
- input[aria-disabled="true"],
909
- input[aria-disabled="true"]:after,
910
- input[aria-disabled="true"]:before,
911
- input[aria-disabled="true"]:checked,
912
- select[aria-disabled="true"],
913
- textarea[aria-disabled="true"],
914
- label[aria-disabled="true"] {
915
- cursor: default !important;
916
- cursor: not-allowed !important;
917
- pointer-events: none !important;
918
- -webkit-user-select: none !important;
919
- -moz-user-select: none !important;
920
- -ms-user-select: none !important;
921
- user-select: none !important;
922
- box-shadow: none !important;
923
- opacity: .5 !important;
924
- }
925
-
926
- select:not([size]):not([multiple]) {
927
- -webkit-appearance: none;
928
- -moz-appearance: none;
929
- appearance: none;
930
- }
931
-
932
- select::-ms-expand {
933
- display: none;
934
- }
935
-
936
- select:not([size]):not([multiple]) {
937
- 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;
938
- padding-right: 20px;
939
- padding-right: 2rem;
940
- }
941
-
942
- *[dir='rtl'] select:not([size]):not([multiple]),
943
- select[dir='rtl']:not([size]):not([multiple]) {
944
- background-position: left .85rem top 50%;
945
- padding-right: 7.5px;
946
- padding-right: 0.75rem;
947
- padding-left: 20px;
948
- padding-left: 2rem;
949
- }
950
-
951
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
952
- [type='checkbox'],
953
- [type='radio'] {
954
- -webkit-appearance: none;
955
- -moz-appearance: none;
956
- appearance: none;
957
- height: 1.8rem;
958
- width: 1.8rem;
959
- vertical-align: top;
960
- position: relative;
961
- border: 1px solid #999;
962
- }
963
- [type='checkbox'] + label,
964
- [type='radio'] + label {
965
- line-height: 1.8rem;
966
- vertical-align: top;
967
- margin-left: 5px;
968
- margin-left: 0.5rem;
969
- }
970
- *[dir='rtl'] [type='checkbox'] + label,
971
- [type='checkbox'][dir='rtl'] + label, *[dir='rtl']
972
- [type='radio'] + label,
973
- [type='radio'][dir='rtl'] + label {
974
- margin-left: 0;
975
- margin-right: 5px;
976
- margin-right: 0.5rem;
977
- }
978
- [type='checkbox']:after,
979
- [type='radio']:after {
980
- content: '';
981
- display: block;
982
- position: absolute;
983
- }
984
- [type='checkbox']:checked,
985
- [type='radio']:checked {
986
- background-color: #007bff;
987
- border-color: #000;
988
- }
989
- [type='radio']:after {
990
- width: 1.8rem;
991
- height: 1.8rem;
992
- left: -.05rem;
993
- top: -.05rem;
994
- border-radius: 50%;
995
- background: #fff;
996
- -webkit-transform: scale(0.35);
997
- transform: scale(0.35);
998
- }
999
- [type='checkbox']:after {
1000
- width: .6rem;
1001
- height: .8rem;
1002
- border: 2px solid #fff;
1003
- border-top: 0;
1004
- border-left: 0;
1005
- left: 35%;
1006
- top: 20%;
1007
- -webkit-transform: rotate(43deg);
1008
- transform: rotate(43deg);
1009
- }
1010
- }
1011
-
1012
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
1013
- [type='range'] {
1014
- -webkit-appearance: none;
1015
- -moz-appearance: none;
1016
- appearance: none;
1017
- width: 100%;
1018
- height: 1.4rem;
1019
- }
1020
- [type='range']::-webkit-slider-thumb {
1021
- border: 0;
1022
- -webkit-appearance: none;
1023
- appearance: none;
1024
- width: 1.5rem;
1025
- height: 1.5rem;
1026
- margin-top: -.25rem;
1027
- background-color: #007bff;
1028
- border-radius: 1.5rem;
1029
- -webkit-transition: background-color .15s ease-in-out,
1030
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1031
- transition: background-color .15s ease-in-out,
1032
1
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1033
- }
1034
- [type='range']::-webkit-slider-thumb:active {
1035
- background-color: #007bff;
1036
- }
1037
- [type='range']::-moz-range-thumb {
1038
- border: 0;
1039
- -moz-appearance: none;
1040
- appearance: none;
1041
- width: 1.5rem;
1042
- height: 1.5rem;
1043
- background-color: #007bff;
1044
- border-radius: 1.5rem;
1045
- -moz-transition: background-color .15s ease-in-out,
1046
2
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1047
- transition: background-color .15s ease-in-out,
1048
3
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1049
- }
1050
- [type='range']::-moz-range-thumb:active {
1051
- background-color: #007bff;
1052
- }
1053
- [type='range']::-webkit-slider-runnable-track {
1054
- color: transparent;
1055
- border-color: transparent;
1056
- width: 100%;
1057
- height: .65rem;
1058
- cursor: pointer;
1059
- background-color: #e9e9e9;
1060
- }
1061
- [type='range']::-moz-range-track {
1062
- color: transparent;
1063
- border-color: transparent;
1064
- width: 100%;
1065
- height: .65rem;
1066
- cursor: pointer;
1067
- background-color: #e9e9e9;
1068
- }
1069
- [type='range']:focus {
1070
- outline: none;
1071
- }
1072
- [type='range']:focus::-webkit-slider-thumb {
1073
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1074
- }
1075
- [type='range']:focus::-moz-slider-thumb {
1076
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1077
- }
1078
- [type='range']::-moz-focus-outer {
1079
- border: 0;
1080
- }
1081
- [type='range']:focus::-webkit-slider-thumb {
1082
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1083
- }
1084
- [type='range']:focus::-moz-range-thumb {
1085
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1086
- }
1087
- [type='range']:disabled {
1088
- pointer-events: none;
1089
- }
1090
- [type='range']:disabled::-webkit-slider-thumb {
1091
- background-color: #ccc;
1092
- }
1093
- [type='range']:disabled::-moz-slider-thumb {
1094
- background-color: #ccc;
1095
- }
1096
- }
1097
-
1098
- table {
1099
- max-width: 100%;
1100
- border-collapse: collapse;
1101
- }
1102
-
1103
- thead,
1104
- tbody,
1105
- tfoot,
1106
- tr,
1107
- td,
1108
- th {
1109
- border-color: inherit;
1110
- border-style: solid;
1111
- border-width: 0;
1112
- }
1113
-
1114
- thead th {
1115
- vertical-align: bottom;
1116
- }
1117
-
1118
- th,
1119
- td {
1120
- vertical-align: top;
1121
- }
1122
-
1123
- th {
1124
- text-align: inherit;
1125
- font-weight: 700;
1126
- }
1127
-
1128
- caption {
1129
- padding-top: 5px;
1130
- padding-top: 0.5rem;
1131
- padding-bottom: 5px;
1132
- padding-bottom: 0.5rem;
1133
- color: #999;
1134
- text-align: left;
1135
- caption-side: bottom;
1136
- line-height: 1.375;
1137
- font-size: 90%;
1138
- }
1139
-
1140
- .bf-container,
1141
- .bf-container--fluid {
1142
- box-sizing: content-box;
1143
- display: block;
1144
- margin-right: auto;
1145
- margin-left: auto;
1146
- padding-left: 15px;
1147
- padding-left: 1.5rem;
1148
- padding-right: 15px;
1149
- padding-right: 1.5rem;
1150
- }
1151
-
1152
- .bf-container:before, .bf-container:after,
1153
- .bf-container--fluid:before,
1154
- .bf-container--fluid:after {
1155
- display: table;
1156
- content: ' ';
1157
- }
1158
-
1159
- .bf-container:after,
1160
- .bf-container--fluid:after {
1161
- clear: both;
1162
- }
1163
-
1164
- .bf-container {
1165
- max-width: 1140px;
1166
- max-width: 114rem;
1167
- }
1168
-
1169
- .bf-row {
1170
- display: block;
1171
- margin-left: -15px;
1172
- margin-left: -1.5rem;
1173
- margin-right: -15px;
1174
- margin-right: -1.5rem;
1175
- }
1176
-
1177
- .bf-row:before, .bf-row:after {
1178
- content: ' ';
1179
- display: table;
1180
- }
1181
-
1182
- .bf-row:after {
1183
- clear: both;
1184
- }
1185
-
1186
- [class^='bf-col-'] {
1187
- float: left;
1188
- position: relative;
1189
- min-height: 1px;
1190
- padding-left: 15px;
1191
- padding-left: 1.5rem;
1192
- padding-right: 15px;
1193
- padding-right: 1.5rem;
1194
- }
1195
-
1196
- .bf-no-gutters {
1197
- margin-right: 0;
1198
- margin-left: 0;
1199
- }
1200
-
1201
- .bf-no-gutters > [class^='bf-col'] {
1202
- padding-right: 0;
1203
- padding-left: 0;
1204
- }
1205
-
1206
- .bf-col-12 {
1207
- width: 100%;
1208
- }
1209
-
1210
- .bf-col-11 {
1211
- width: 91.66666666666666%;
1212
- }
1213
-
1214
- .bf-col-10 {
1215
- width: 83.33333333333334%;
1216
- }
1217
-
1218
- .bf-col-9 {
1219
- width: 75%;
1220
- }
1221
-
1222
- .bf-col-8 {
1223
- width: 66.66666666666666%;
1224
- }
1225
-
1226
- .bf-col-7 {
1227
- width: 58.333333333333336%;
1228
- }
1229
-
1230
- .bf-col-6 {
1231
- width: 50%;
1232
- }
1233
-
1234
- .bf-col-5 {
1235
- width: 41.66666666666667%;
1236
- }
1237
-
1238
- .bf-col-4 {
1239
- width: 33.33333333333333%;
1240
- }
1241
-
1242
- .bf-col-3 {
1243
- width: 25%;
1244
- }
1245
-
1246
- .bf-col-2 {
1247
- width: 16.666666666666664%;
1248
- }
1249
-
1250
- .bf-col-1 {
1251
- width: 8.3333%;
1252
- }
1253
-
1254
- @media (max-width: 575px) {
1255
- .bf-container--break-xs .bf-row {
1256
- margin-left: 0;
1257
- margin-right: 0;
1258
- }
1259
- .bf-container--break-xs [class^='bf-col'] {
1260
- width: 100%;
1261
- float: none;
1262
- margin-left: 0;
1263
- padding-left: 0;
1264
- padding-right: 0;
1265
- }
1266
- }
1267
-
1268
- @media (max-width: 767px) {
1269
- .bf-container--break-md .bf-row {
1270
- margin-left: 0;
1271
- margin-right: 0;
1272
- }
1273
- .bf-container--break-md [class^='bf-col'] {
1274
- width: 100%;
1275
- float: none;
1276
- margin-left: 0;
1277
- padding-left: 0;
1278
- padding-right: 0;
1279
- }
1280
- }
1281
-
1282
- @media (max-width: 991px) {
1283
- .bf-container--break-lg .bf-row {
1284
- margin-left: 0;
1285
- margin-right: 0;
1286
- }
1287
- .bf-container--break-lg [class^='bf-col'] {
1288
- width: 100%;
1289
- float: none;
1290
- margin-left: 0;
1291
- padding-left: 0;
1292
- padding-right: 0;
1293
- }
1294
- }
1295
-
1296
- table td[class^='bf-col'],
1297
- table th[class^='bf-col'] {
1298
- position: static;
1299
- }
1300
-
1301
- .bf-clearfix:before,
1302
- .bf-clearfix:after {
1303
- content: ' ';
1304
- display: table;
1305
- }
1306
-
1307
- .bf-clearfix:after {
1308
- clear: both;
1309
- }
1310
-
1311
- .bf-hide {
1312
- display: none !important;
1313
- }
1314
-
1315
- .bf-hidden {
1316
- display: none !important;
1317
- visibility: hidden !important;
1318
- }
1319
-
1320
- .bf-text-hide {
1321
- font: 0/0 a !important;
1322
- color: transparent !important;
1323
- text-shadow: none !important;
1324
- background-color: transparent !important;
1325
- border: 0 !important;
1326
- margin: 0 !important;
1327
- padding: 0 !important;
1328
- }
1329
-
1330
- /*
1331
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1332
- //
1333
- * Hide only visually, but have it available for screen readers:
1334
- * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
1335
- *
1336
- * 1. For long content, line feeds are not interpreted as spaces and small width
1337
- * causes content to wrap 1 word per line:
1338
- * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
1339
- */
1340
- .bf-sr-only {
1341
- border: 0 !important;
1342
- clip: rect(0, 0, 0, 0) !important;
1343
- height: 1px !important;
1344
- margin: -1px !important;
1345
- overflow: hidden !important;
1346
- padding: 0 !important;
1347
- position: absolute !important;
1348
- white-space: nowrap !important;
1349
- width: 1px !important;
1350
- }
1351
-
1352
- /*
1353
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1354
- //
1355
- * Extends the .sr-only class to allow the element
1356
- * to be focusable when navigated to via the keyboard:
1357
- * https://www.drupal.org/node/897638
1358
- */
1359
- .bf-sr-only.focusable:active,
1360
- .bf-sr-only.focusable:focus {
1361
- clip: auto !important;
1362
- height: auto !important;
1363
- margin: 0 !important;
1364
- overflow: visible !important;
1365
- position: static !important;
1366
- white-space: inherit !important;
1367
- width: auto !important;
1368
- }
1369
-
1370
- .bf-invisible {
1371
- visibility: hidden !important;
1372
- }
1373
-
1374
- .bf-visible {
1375
- visibility: visible !important;
1376
- }
1377
-
1378
- .bf-display-block {
1379
- display: block !important;
1380
- }
1381
-
1382
- .bf-display-block-center {
1383
- display: block !important;
1384
- margin-left: auto !important;
1385
- margin-right: auto !important;
1386
- text-align: center !important;
1387
- }
1388
-
1389
- .bf-display-inline {
1390
- display: inline !important;
1391
- }
1392
-
1393
- .bf-display-inline-block {
1394
- display: inline-block !important;
1395
- }
1396
-
1397
- .bf-display-flex {
1398
- display: -webkit-flex !important;
1399
- display: flex !important;
1400
- }
1401
-
1402
- .bf-display-inline-flex {
1403
- display: -webkit-inline-flex !important;
1404
- display: inline-flex !important;
1405
- }
1406
-
1407
- .bf-display-flex--justify-start {
1408
- -webkit-justify-content: flex-start !important;
1409
- justify-content: flex-start !important;
1410
- }
1411
-
1412
- .bf-display-flex--justify-end {
1413
- -webkit-justify-content: flex-end !important;
1414
- justify-content: flex-end !important;
1415
- }
1416
-
1417
- .bf-display-flex--justify-center {
1418
- -webkit-justify-content: center !important;
1419
- justify-content: center !important;
1420
- }
1421
-
1422
- .bf-display-flex--wrap {
1423
- -webkit-flex-wrap: wrap !important;
1424
- flex-wrap: wrap !important;
1425
- }
1426
-
1427
- .bf-display-flex--nowrap {
1428
- -webkit-flex-wrap: nowrap !important;
1429
- flex-wrap: nowrap !important;
1430
- }
1431
-
1432
- .bf-float-left {
1433
- float: left !important;
1434
- }
1435
-
1436
- .bf-float-right {
1437
- float: right !important;
1438
- }
1439
-
1440
- .bf-position-fixed {
1441
- position: fixed !important;
1442
- }
1443
-
1444
- .bf-position-sticky {
1445
- position: -webkit-sticky !important;
1446
- position: sticky !important;
1447
- top: 0 !important;
1448
- }
1449
-
1450
- .bf-align-center-unknown {
1451
- position: relative !important;
1452
- }
1453
-
1454
- .bf-align-center-unknown--item {
1455
- position: absolute !important;
1456
- top: 50% !important;
1457
- left: 50% !important;
1458
- -webkit-transform: translate(-50%, -50%) !important;
1459
- transform: translate(-50%, -50%) !important;
1460
- }
1461
-
1462
- .bf-align-center-flex {
1463
- display: -webkit-flex;
1464
- display: flex;
1465
- -webkit-align-items: center;
1466
- align-items: center;
1467
- -webkit-justify-content: center;
1468
- justify-content: center;
1469
- }
1470
-
1471
- .bf-width-25 {
1472
- width: 25% !important;
1473
- }
1474
-
1475
- .bf-width-33 {
1476
- width: 33.33333333333333% !important;
1477
- }
1478
-
1479
- .bf-width-50 {
1480
- width: 50% !important;
1481
- }
1482
-
1483
- .bf-width-75 {
1484
- width: 75% !important;
1485
- }
1486
-
1487
- .bf-width-100 {
1488
- width: 100% !important;
1489
- }
1490
-
1491
- .bf-width-auto {
1492
- width: auto !important;
1493
- }
1494
-
1495
- .bf-z-index-1 {
1496
- z-index: 1;
1497
- }
1498
-
1499
- .bf-z-index-2 {
1500
- z-index: 2;
1501
- }
1502
-
1503
- .bf-z-index-3 {
1504
- z-index: 3;
1505
- }
1506
-
1507
- .bf-z-index-4 {
1508
- z-index: 4;
1509
- }
1510
-
1511
- .bf-z-index-5 {
1512
- z-index: 5;
1513
- }
1514
-
1515
- .bf-z-index-6 {
1516
- z-index: 6;
1517
- }
1518
-
1519
- .bf-z-index-7 {
1520
- z-index: 7;
1521
- }
1522
-
1523
- .bf-z-index-8 {
1524
- z-index: 8;
1525
- }
1526
-
1527
- .bf-z-index-9 {
1528
- z-index: 9;
1529
- }
1530
-
1531
- .bf-z-index-10 {
1532
- z-index: 10;
1533
- }
1534
-
1535
- .bf-z-index-20 {
1536
- z-index: 20;
1537
- }
1538
-
1539
- .bf-z-index-30 {
1540
- z-index: 30;
1541
- }
1542
-
1543
- .bf-z-index-40 {
1544
- z-index: 40;
1545
- }
1546
-
1547
- .bf-z-index-50 {
1548
- z-index: 50;
1549
- }
1550
-
1551
- .bf-z-index-60 {
1552
- z-index: 60;
1553
- }
1554
-
1555
- .bf-z-index-70 {
1556
- z-index: 70;
1557
- }
1558
-
1559
- .bf-z-index-80 {
1560
- z-index: 80;
1561
- }
1562
-
1563
- .bf-z-index-90 {
1564
- z-index: 90;
1565
- }
1566
-
1567
- .bf-z-index-100 {
1568
- z-index: 100;
1569
- }
1570
-
1571
- .bf-z-index-200 {
1572
- z-index: 200;
1573
- }
1574
-
1575
- .bf-z-index-300 {
1576
- z-index: 200;
1577
- }
1578
-
1579
- .bf-m-0 {
1580
- margin: 0 !important;
1581
- }
1582
-
1583
- .bf-m-t-0 {
1584
- margin-top: 0 !important;
1585
- }
1586
-
1587
- .bf-m-b-0 {
1588
- margin-bottom: 0 !important;
1589
- }
1590
-
1591
- .bf-m-l-0 {
1592
- margin-left: 0 !important;
1593
- }
1594
-
1595
- .bf-m-r-0 {
1596
- margin-right: 0 !important;
1597
- }
1598
-
1599
- .bf-m-1 {
1600
- margin-bottom: 5px !important;
1601
- margin-bottom: 0.5rem !important;
1602
- }
1603
-
1604
- .bf-m-2 {
1605
- margin-bottom: 10px !important;
1606
- margin-bottom: 1rem !important;
1607
- }
1608
-
1609
- .bf-m-3 {
1610
- margin-bottom: 20px !important;
1611
- margin-bottom: 2rem !important;
1612
- }
1613
-
1614
- .bf-m-4 {
1615
- margin-bottom: 30px !important;
1616
- margin-bottom: 3rem !important;
1617
- }
1618
-
1619
- .bf-m-b-1 {
1620
- margin-bottom: 5px !important;
1621
- margin-bottom: 0.5rem !important;
1622
- }
1623
-
1624
- .bf-m-b-2 {
1625
- margin-bottom: 10px !important;
1626
- margin-bottom: 1rem !important;
1627
- }
1628
-
1629
- .bf-m-b-3 {
1630
- margin-bottom: 20px !important;
1631
- margin-bottom: 2rem !important;
1632
- }
1633
-
1634
- .bf-m-b-4 {
1635
- margin-bottom: 30px !important;
1636
- margin-bottom: 3rem !important;
1637
- }
1638
-
1639
- .bf-p-0 {
1640
- padding: 0 !important;
1641
- }
1642
-
1643
- .bf-p-t-0 {
1644
- padding-top: 0 !important;
1645
- }
1646
-
1647
- .bf-p-b-0 {
1648
- padding-bottom: 0 !important;
1649
- }
1650
-
1651
- .bf-p-l-0 {
1652
- padding-left: 0 !important;
1653
- }
1654
-
1655
- .bf-p-r-0 {
1656
- padding-right: 0 !important;
1657
- }
1658
-
1659
- .bf-p-1 {
1660
- padding-bottom: 5px !important;
1661
- padding-bottom: 0.5rem !important;
1662
- }
1663
-
1664
- .bf-p-2 {
1665
- padding-bottom: 10px !important;
1666
- padding-bottom: 1rem !important;
1667
- }
1668
-
1669
- .bf-p-3 {
1670
- padding-bottom: 20px !important;
1671
- padding-bottom: 2rem !important;
1672
- }
1673
-
1674
- .bf-p-4 {
1675
- padding-bottom: 30px !important;
1676
- padding-bottom: 3rem !important;
1677
- }
1678
-
1679
- .bf-p-t-1 {
1680
- padding-top: 5px !important;
1681
- padding-top: 0.5rem !important;
1682
- }
1683
-
1684
- .bf-p-t-2 {
1685
- padding-top: 10px !important;
1686
- padding-top: 1rem !important;
1687
- }
1688
-
1689
- .bf-p-t-3 {
1690
- padding-top: 20px !important;
1691
- padding-top: 2rem !important;
1692
- }
1693
-
1694
- .bf-p-t-4 {
1695
- padding-top: 30px !important;
1696
- padding-top: 3rem !important;
1697
- }
1698
-
1699
- .bf-p-b-1 {
1700
- padding-bottom: 5px !important;
1701
- padding-bottom: 0.5rem !important;
1702
- }
1703
-
1704
- .bf-p-b-2 {
1705
- padding-bottom: 10px !important;
1706
- padding-bottom: 1rem !important;
1707
- }
1708
-
1709
- .bf-p-b-3 {
1710
- padding-bottom: 20px !important;
1711
- padding-bottom: 2rem !important;
1712
- }
1713
-
1714
- .bf-p-b-4 {
1715
- padding-bottom: 30px !important;
1716
- padding-bottom: 3rem !important;
1717
- }
1718
-
1719
- .bf-t-transform-uppercase {
1720
- text-transform: uppercase !important;
1721
- }
1722
-
1723
- .bf-t-transform-none {
1724
- text-transform: none !important;
1725
- }
1726
-
1727
- .bf-t-left {
1728
- text-align: left !important;
1729
- }
1730
-
1731
- .bf-t-center {
1732
- text-align: center !important;
1733
- }
1734
-
1735
- .bf-t-right {
1736
- text-align: right !important;
1737
- }
1738
-
1739
- .bf-t-shadow {
1740
- text-shadow: 0 0 2px #222 !important;
1741
- text-shadow: 0 0 0.2rem #222 !important;
1742
- }
1743
-
1744
- .bf-t-italic {
1745
- font-style: italic !important;
1746
- }
1747
-
1748
- .bf-t-style-normal {
1749
- font-style: normal !important;
1750
- }
1751
-
1752
- .bf-t-weight-300 {
1753
- font-weight: 300 !important;
1754
- }
1755
-
1756
- .bf-t-weight-400 {
1757
- font-weight: 400 !important;
1758
- }
1759
-
1760
- .bf-t-weight-500 {
1761
- font-weight: 500 !important;
1762
- }
1763
-
1764
- .bf-t-weight-600 {
1765
- font-weight: 600 !important;
1766
- }
1767
-
1768
- .bf-t-weight-700 {
1769
- font-weight: 700 !important;
1770
- }
1771
-
1772
- .bf-t-weight-800 {
1773
- font-weight: 800 !important;
1774
- }
1775
-
1776
- .bf-text-break {
1777
- word-wrap: break-word !important;
1778
- }
1779
-
1780
- .bf-t-truncate {
1781
- max-width: 100% !important;
1782
- overflow: hidden !important;
1783
- text-overflow: ellipsis !important;
1784
- white-space: nowrap !important;
1785
- word-wrap: normal !important;
1786
- }
1787
-
1788
- .bf-t-truncate--multiline-2 {
1789
- overflow: hidden !important;
1790
- text-overflow: ellipsis !important;
1791
- display: -webkit-box !important;
1792
- -webkit-line-clamp: 2 !important;
1793
- -webkit-box-orient: vertical !important;
1794
- }
1795
-
1796
- .bf-t-truncate--multiline-3 {
1797
- overflow: hidden !important;
1798
- text-overflow: ellipsis !important;
1799
- display: -webkit-box !important;
1800
- -webkit-line-clamp: 3 !important;
1801
- -webkit-box-orient: vertical !important;
1802
- }
1803
-
1804
- .bf-no-select {
1805
- -webkit-user-select: none !important;
1806
- -moz-user-select: none !important;
1807
- -ms-user-select: none !important;
1808
- user-select: none !important;
1809
- -webkit-touch-callout: none !important;
1810
- }
1811
-
1812
- .bf-font-sans-serif {
1813
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1814
- }
1815
-
1816
- .bf-font-serif {
1817
- font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1818
- }
1819
-
1820
- .bf-font-monospace {
1821
- 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" !important;
1822
- }
1823
-
1824
- .bf-h1,
1825
- .bf-h2,
1826
- .bf-h3,
1827
- .bf-h4,
1828
- .bf-h5,
1829
- .bf-h6 {
1830
- font-weight: 700 !important;
1831
- font-weight: 600 !important;
1832
- margin-top: 0 !important;
1833
- line-height: 1.2 !important;
1834
- margin-bottom: 10px !important;
1835
- margin-bottom: 1rem !important;
1836
- }
1837
-
1838
- .bf-h1 {
1839
- font-size: 36px !important;
1840
- font-size: 3.6rem !important;
1841
- }
1842
-
1843
- .bf-h2 {
1844
- font-size: 30px !important;
1845
- font-size: 3rem !important;
1846
- }
1847
-
1848
- .bf-h3 {
1849
- font-size: 24px !important;
1850
- font-size: 2.4rem !important;
1851
- }
1852
-
1853
- .bf-h4 {
1854
- font-size: 20px !important;
1855
- font-size: 2rem !important;
1856
- }
1857
-
1858
- .bf-h5,
1859
- .bf-h6 {
1860
- font-size: 16px !important;
1861
- font-size: 1.6rem !important;
1862
- }
1863
-
1864
- p.bf-lead {
1865
- font-size: 120% !important;
1866
- }
1867
-
1868
- body.bf-responsive-typography {
1869
- --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));
1870
- --body-rt-font-size-max: 1.9rem;
1871
- }
1872
-
1873
- @media (min-width: 320px) {
1874
- body.bf-responsive-typography {
1875
- font-size: var(--body-rt-font-size-flex);
1876
- }
1877
- }
1878
-
1879
- @media (min-width: 1000px) {
1880
- body.bf-responsive-typography {
1881
- font-size: var(--body-rt-font-size-max);
1882
- }
1883
- }
1884
-
1885
- .bf-btn {
1886
- display: inline-block;
1887
- cursor: pointer;
1888
- color: #222;
1889
- padding: 6.66667px 13.33333px;
1890
- padding: 0.66667rem 1.33333rem;
1891
- line-height: normal;
1892
- text-align: center;
1893
- margin: 0;
1894
- background-clip: padding-box;
1895
- vertical-align: baseline;
1896
- overflow: visible;
1897
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1898
- -webkit-user-select: none;
1899
- -moz-user-select: none;
1900
- -ms-user-select: none;
1901
- user-select: none;
1902
- border-radius: 2.5px;
1903
- border-radius: 0.25rem;
1904
- border: 0;
1905
- background-image: none;
1906
- background: #ccc;
1907
- transition: all .2s;
1908
- }
1909
-
1910
- .bf-btn:hover, .bf-btn:active, .bf-btn:focus {
1911
- text-decoration: none;
1912
- color: #222;
1913
- background: #b3b3b3;
1914
- }
1915
-
1916
- .bf-btn:active, .bf-btn:focus {
1917
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
1918
- }
1919
-
1920
- .bf-btn:focus {
1921
- outline: 0;
1922
- }
1923
-
1924
- .bf-btn.bf-btn--primary {
1925
- color: #fff;
1926
- background: #007bff;
1927
- }
1928
-
1929
- .bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1930
- color: #fff;
1931
- background: #0062cc;
1932
- }
1933
-
1934
- .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1935
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
1936
- }
1937
-
1938
- fieldset[disabled] .bf-btn,
1939
- .bf-btn[disabled],
1940
- .bf-btn:disabled,
1941
- .bf-btn[aria-disabled='true'] {
1942
- cursor: default !important;
1943
- cursor: not-allowed !important;
1944
- pointer-events: none !important;
1945
- -webkit-user-select: none !important;
1946
- -moz-user-select: none !important;
1947
- -ms-user-select: none !important;
1948
- user-select: none !important;
1949
- box-shadow: none !important;
1950
- opacity: .5 !important;
1951
- }
1952
-
1953
- .bf-focused {
1954
- transition: border .2s, background-color .2s, box-shadow .2s !important;
1955
- border-color: #007bff !important;
1956
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;
1957
- }
1958
-
1959
- .bf-disabled,
1960
- .bf-disabled:hover,
1961
- .bf-disabled:active,
1962
- .bf-disabled:focus,
1963
- .bf-disabled:after,
1964
- .bf-disabled:before,
1965
- .bf-disabled:invalid,
1966
- .bf-disabled:checked {
1967
- cursor: default !important;
1968
- cursor: not-allowed !important;
1969
- pointer-events: none !important;
1970
- -webkit-user-select: none !important;
1971
- -moz-user-select: none !important;
1972
- -ms-user-select: none !important;
1973
- user-select: none !important;
1974
- box-shadow: none !important;
1975
- opacity: .5 !important;
1976
- background-color: #fff;
1977
- border-color: #999;
1978
- }
1979
-
1980
- label.bf-disabled {
1981
- background-color: transparent;
1982
- border-color: transparent;
1983
- }
1984
-
1985
- button.bf-disabled,
1986
- [type='button'].bf-disabled,
1987
- [type='reset'].bf-disabled,
1988
- [type='submit'].bf-disabled,
1989
- .bf-btn.bf-disabled {
1990
- cursor: default;
1991
- cursor: not-allowed;
1992
- pointer-events: none;
1993
- -webkit-user-select: none;
1994
- -moz-user-select: none;
1995
- -ms-user-select: none;
1996
- user-select: none;
1997
- box-shadow: none;
1998
- opacity: .5;
1999
- color: #222;
2000
- background: #ccc;
2001
- }
2002
-
2003
- button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,
2004
- [type='button'].bf-disabled:hover,
2005
- [type='button'].bf-disabled:active,
2006
- [type='button'].bf-disabled:focus,
2007
- [type='reset'].bf-disabled:hover,
2008
- [type='reset'].bf-disabled:active,
2009
- [type='reset'].bf-disabled:focus,
2010
- [type='submit'].bf-disabled:hover,
2011
- [type='submit'].bf-disabled:active,
2012
- [type='submit'].bf-disabled:focus,
2013
- .bf-btn.bf-disabled:hover,
2014
- .bf-btn.bf-disabled:active,
2015
- .bf-btn.bf-disabled:focus {
2016
- box-shadow: none;
2017
- color: #222;
2018
- background: #ccc;
2019
- }
2020
-
2021
- .bf-btn--primary.bf-disabled {
2022
- cursor: default;
2023
- cursor: not-allowed;
2024
- pointer-events: none;
2025
- -webkit-user-select: none;
2026
- -moz-user-select: none;
2027
- -ms-user-select: none;
2028
- user-select: none;
2029
- box-shadow: none;
2030
- opacity: .5;
2031
- color: #fff;
2032
- background: #007bff;
2033
- }
2034
-
2035
- .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {
2036
- box-shadow: none;
2037
- color: #fff;
2038
- background: #007bff;
2039
- }
2040
-
2041
- .bf-invalid,
2042
- .bf-invalid:focus {
2043
- color: #ff0000 !important;
2044
- border-color: #ff0000 !important;
2045
- box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;
2046
- }
2047
-
2048
- .bf-list-unstyled,
2049
- menu ul.bf-list-unstyled,
2050
- menu ol.bf-list-unstyled,
2051
- ul.bf-list-unstyled ul,
2052
- ul.bf-list-unstyled ol,
2053
- ol.bf-list-unstyled ol,
2054
- ol.bf-list-unstyled ul,
2055
- dd.bf-list-unstyled {
2056
- margin: 0;
2057
- padding: 0;
2058
- list-style: none;
2059
- }
2060
-
2061
- dt {
2062
- font-weight: 700;
2063
- }
2064
-
2065
- .bf-embed-responsive {
2066
- position: relative;
2067
- display: block;
2068
- width: 100%;
2069
- padding: 0;
2070
- overflow: hidden;
2071
- }
2072
-
2073
- .bf-embed-responsive::before {
2074
- display: block;
2075
- content: '';
2076
- padding-top: 56.25%;
2077
- }
2078
-
2079
- .bf-embed-responsive .bf-embed-responsive--4-3::before {
2080
- padding-top: 75%;
2081
- }
2082
-
2083
- .bf-embed-responsive .bf-embed-responsive--item,
2084
- .bf-embed-responsive iframe,
2085
- .bf-embed-responsive embed,
2086
- .bf-embed-responsive object,
2087
- .bf-embed-responsive video {
2088
- position: absolute;
2089
- top: 0;
2090
- bottom: 0;
2091
- left: 0;
2092
- width: 100%;
2093
- height: 100%;
2094
- border: 0;
2095
- }
2096
-
2097
- .bf-table th,
2098
- .bf-table td {
2099
- padding: 10px;
2100
- padding: 1rem;
2101
- border-bottom: 1px solid #999;
2102
- margin-bottom: 5px;
2103
- margin-bottom: 0.5rem;
2104
- }
2105
-
2106
- .bf-table-responsive {
2107
- overflow-x: auto;
2108
- overflow-y: hidden;
2109
- -ms-overflow-style: scrollbar;
2110
- }
2111
-
2112
- .bf-table-responsive table {
2113
- width: 100%;
2114
- margin-bottom: 5px;
2115
- margin-bottom: 0.5rem;
2116
- }
2117
-
2118
- .bf-table-responsive.scrollbar {
2119
- -webkit-overflow-scrolling: auto;
2120
- }
2121
-
2122
- .bf-table--zebra tbody tr:nth-child(odd),
2123
- .bf-table-responsive--zebra tbody tr:nth-child(odd) {
2124
- background-color: #e9e9e9;
2125
- }
2126
-
2127
- /* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
2128
- /* ==========================================================================
2129
- Print styles.
2130
- Inlined to avoid the additional HTTP request:
2131
- https://www.phpied.com/delay-loading-your-print-css/
2132
- ========================================================================== */
2133
- @media print {
2134
- *,
2135
- *::before,
2136
- *::after {
2137
- background: #fff !important;
2138
- color: #000 !important;
2139
- /* Black prints faster */
2140
- box-shadow: none !important;
2141
- text-shadow: none !important;
2142
- }
2143
- a,
2144
- a:visited {
2145
- text-decoration: underline;
2146
- }
2147
- a[href]::after {
2148
- content: " (" attr(href) ")";
2149
- }
2150
- abbr[title]::after {
2151
- content: " (" attr(title) ")";
2152
- }
2153
- /*
2154
- * Don't show links that are fragment identifiers,
2155
- * or use the `javascript:` pseudo protocol
2156
- */
2157
- a[href^='#']::after,
2158
- a[href^='javascript:']::after {
2159
- content: '';
2160
- }
2161
- pre {
2162
- white-space: pre-wrap !important;
2163
- }
2164
- pre,
2165
- blockquote {
2166
- border: 1px solid #999;
2167
- page-break-inside: avoid;
2168
- }
2169
- /*
2170
- * Printing Tables:
2171
- * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
2172
- */
2173
- thead {
2174
- display: table-header-group;
2175
- }
2176
- tr,
2177
- img {
2178
- page-break-inside: avoid;
2179
- }
2180
- p,
2181
- h2,
2182
- h3 {
2183
- orphans: 3;
2184
- widows: 3;
2185
- }
2186
- h2,
2187
- h3 {
2188
- page-break-after: avoid;
2189
- }
2190
- }
2191
-
2192
- @media print {
2193
- body,
2194
- .bf-container {
2195
- min-width: 992px !important;
2196
- }
2197
- .bf-table-responsive {
2198
- overflow: auto;
2199
- }
2200
- .bf-table-responsive table {
2201
- width: auto;
2202
- }
2203
- .bf-table-responsive table,
2204
- .bf-table {
2205
- border-collapse: collapse !important;
2206
- }
2207
- }
2208
-
2209
- @media (prefers-reduced-motion: reduce) {
2210
- .bf-reduced-motion,
2211
- .bf-reduced-motion::before,
2212
- .bf-reduced-motion::after,
2213
- .bf-reduced-motion *,
2214
- .bf-reduced-motion *::before,
2215
- .bf-reduced-motion *::after {
2216
- -webkit-animation-delay: -1ms !important;
2217
- animation-delay: -1ms !important;
2218
- -webkit-animation-duration: 1ms !important;
2219
- animation-duration: 1ms !important;
2220
- -webkit-animation-iteration-count: 1 !important;
2221
- animation-iteration-count: 1 !important;
2222
- background-attachment: initial !important;
2223
- scroll-behavior: auto !important;
2224
- transition-delay: 0s !important;
2225
- transition-duration: 0s !important;
2226
- }
2227
- }
2228
-
2229
- /**
2230
- * Change the cursor on busy elements in all browsers (opinionated).
2231
- */
2232
- [aria-busy="true"] {
2233
- cursor: progress;
2234
- }
2235
-
2236
- /*
2237
- * Change the cursor on control elements in all browsers (opinionated).
2238
- */
2239
- [aria-controls] {
2240
- cursor: pointer;
2241
- }
2242
-
2243
- /*
2244
- * Change the cursor on disabled, not-editable, or otherwise
2245
- * inoperable elements in all browsers (opinionated).
2246
- */
2247
- [aria-disabled="true"],
2248
- [disabled] {
2249
- cursor: not-allowed;
2250
- }
2251
-
2252
- /*
2253
- * Change the display on visually hidden accessible elements
2254
- * in all browsers (opinionated).
2255
- */
2256
- [aria-hidden="false"][hidden] {
2257
- display: initial;
2258
- }
2259
-
2260
- [aria-hidden="false"][hidden]:not(:focus) {
2261
- clip: rect(0, 0, 0, 0);
2262
- position: absolute;
2263
- }