paraqeet 0.7.0 → 0.8.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_sass/_bootstrap-icons.scss +3 -2
- data/_sass/bootstrap/_accordion.scss +9 -0
- data/_sass/bootstrap/_alert.scss +8 -11
- data/_sass/bootstrap/_button-group.scss +2 -2
- data/_sass/bootstrap/_card.scss +4 -0
- data/_sass/bootstrap/_carousel.scss +13 -1
- data/_sass/bootstrap/_close.scss +30 -9
- data/_sass/bootstrap/_dropdown.scss +1 -0
- data/_sass/bootstrap/_list-group.scss +19 -7
- data/_sass/bootstrap/_maps.scss +67 -0
- data/_sass/bootstrap/_mixins.scss +1 -2
- data/_sass/bootstrap/_navbar.scss +8 -0
- data/_sass/bootstrap/_offcanvas.scss +4 -2
- data/_sass/bootstrap/_pagination.scss +1 -1
- data/_sass/bootstrap/_progress.scss +10 -1
- data/_sass/bootstrap/_reboot.scss +3 -3
- data/_sass/bootstrap/_root.scss +127 -5
- data/_sass/bootstrap/_tables.scss +1 -1
- data/_sass/bootstrap/_utilities.scss +110 -9
- data/_sass/bootstrap/_variables-dark.scss +70 -0
- data/_sass/bootstrap/_variables.scss +198 -129
- data/_sass/bootstrap/bootstrap-grid.scss +2 -0
- data/_sass/bootstrap/bootstrap-reboot.scss +1 -0
- data/_sass/bootstrap/bootstrap-utilities.scss +1 -0
- data/_sass/bootstrap/bootstrap.scss +1 -0
- data/_sass/bootstrap/forms/_floating-labels.scss +15 -0
- data/_sass/bootstrap/forms/_form-check.scss +24 -11
- data/_sass/bootstrap/forms/_form-control.scss +7 -0
- data/_sass/bootstrap/forms/_form-select.scss +11 -1
- data/_sass/bootstrap/forms/_input-group.scss +1 -1
- data/_sass/bootstrap/helpers/_colored-links.scss +2 -2
- data/_sass/bootstrap/mixins/_alert.scss +4 -1
- data/_sass/bootstrap/mixins/_banner.scss +1 -3
- data/_sass/bootstrap/mixins/_caret.scss +30 -25
- data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
- data/_sass/bootstrap/mixins/_forms.scss +8 -7
- data/_sass/bootstrap/mixins/_list-group.scss +3 -0
- metadata +4 -2
@@ -22,6 +22,20 @@ $utilities: map-merge(
|
|
22
22
|
)
|
23
23
|
),
|
24
24
|
// scss-docs-end utils-float
|
25
|
+
// Object Fit utilities
|
26
|
+
// scss-docs-start utils-object-fit
|
27
|
+
"object-fit": (
|
28
|
+
responsive: true,
|
29
|
+
property: object-fit,
|
30
|
+
values: (
|
31
|
+
contain: contain,
|
32
|
+
cover: cover,
|
33
|
+
fill: fill,
|
34
|
+
scale: scale-down,
|
35
|
+
none: none,
|
36
|
+
)
|
37
|
+
),
|
38
|
+
// scss-docs-end utils-object-fit
|
25
39
|
// Opacity utilities
|
26
40
|
// scss-docs-start utils-opacity
|
27
41
|
"opacity": (
|
@@ -40,6 +54,14 @@ $utilities: map-merge(
|
|
40
54
|
property: overflow,
|
41
55
|
values: auto hidden visible scroll,
|
42
56
|
),
|
57
|
+
"overflow-x": (
|
58
|
+
property: overflow-x,
|
59
|
+
values: auto hidden visible scroll,
|
60
|
+
),
|
61
|
+
"overflow-y": (
|
62
|
+
property: overflow-y,
|
63
|
+
values: auto hidden visible scroll,
|
64
|
+
),
|
43
65
|
// scss-docs-end utils-overflow
|
44
66
|
// scss-docs-start utils-display
|
45
67
|
"display": (
|
@@ -141,6 +163,11 @@ $utilities: map-merge(
|
|
141
163
|
),
|
142
164
|
values: $utilities-border-colors
|
143
165
|
),
|
166
|
+
"subtle-border-color": (
|
167
|
+
property: border-color,
|
168
|
+
class: border,
|
169
|
+
values: $utilities-border-subtle
|
170
|
+
),
|
144
171
|
"border-width": (
|
145
172
|
css-var: true,
|
146
173
|
css-variable-name: border-width,
|
@@ -450,6 +477,18 @@ $utilities: map-merge(
|
|
450
477
|
class: gap,
|
451
478
|
values: $spacers
|
452
479
|
),
|
480
|
+
"row-gap": (
|
481
|
+
responsive: true,
|
482
|
+
property: row-gap,
|
483
|
+
class: row-gap,
|
484
|
+
values: $spacers
|
485
|
+
),
|
486
|
+
"column-gap": (
|
487
|
+
responsive: true,
|
488
|
+
property: column-gap,
|
489
|
+
class: column-gap,
|
490
|
+
values: $spacers
|
491
|
+
),
|
453
492
|
// scss-docs-end utils-spacing
|
454
493
|
// Text
|
455
494
|
// scss-docs-start utils-text
|
@@ -473,11 +512,12 @@ $utilities: map-merge(
|
|
473
512
|
property: font-weight,
|
474
513
|
class: fw,
|
475
514
|
values: (
|
476
|
-
light: $font-weight-light,
|
477
515
|
lighter: $font-weight-lighter,
|
516
|
+
light: $font-weight-light,
|
478
517
|
normal: $font-weight-normal,
|
479
|
-
|
518
|
+
medium: $font-weight-medium,
|
480
519
|
semibold: $font-weight-semibold,
|
520
|
+
bold: $font-weight-bold,
|
481
521
|
bolder: $font-weight-bolder
|
482
522
|
)
|
483
523
|
),
|
@@ -535,9 +575,12 @@ $utilities: map-merge(
|
|
535
575
|
values: map-merge(
|
536
576
|
$utilities-text-colors,
|
537
577
|
(
|
538
|
-
"muted": $text-muted,
|
578
|
+
"muted": $text-muted, // deprecated
|
539
579
|
"black-50": rgba($black, .5), // deprecated
|
540
580
|
"white-50": rgba($white, .5), // deprecated
|
581
|
+
"body-secondary": var(--#{$prefix}secondary-color),
|
582
|
+
"body-tertiary": var(--#{$prefix}tertiary-color),
|
583
|
+
"body-emphasis": var(--#{$prefix}emphasis-color),
|
541
584
|
"reset": inherit,
|
542
585
|
)
|
543
586
|
)
|
@@ -552,6 +595,11 @@ $utilities: map-merge(
|
|
552
595
|
100: 1
|
553
596
|
)
|
554
597
|
),
|
598
|
+
"text-color": (
|
599
|
+
property: color,
|
600
|
+
class: text,
|
601
|
+
values: $utilities-text-emphasis-colors
|
602
|
+
),
|
555
603
|
// scss-docs-end utils-color
|
556
604
|
// scss-docs-start utils-bg-color
|
557
605
|
"background-color": (
|
@@ -563,7 +611,10 @@ $utilities: map-merge(
|
|
563
611
|
values: map-merge(
|
564
612
|
$utilities-bg-colors,
|
565
613
|
(
|
566
|
-
"transparent": transparent
|
614
|
+
"transparent": transparent,
|
615
|
+
"body-secondary": rgba(var(--#{$prefix}secondary-bg-rgb), var(--#{$prefix}bg-opacity)),
|
616
|
+
"body-tertiary": rgba(var(--#{$prefix}tertiary-bg-rgb), var(--#{$prefix}bg-opacity)),
|
617
|
+
"body-emphasis": rgba(var(--#{$prefix}emphasis-bg-rgb), var(--#{$prefix}bg-opacity)),
|
567
618
|
)
|
568
619
|
)
|
569
620
|
),
|
@@ -578,6 +629,11 @@ $utilities: map-merge(
|
|
578
629
|
100: 1
|
579
630
|
)
|
580
631
|
),
|
632
|
+
"subtle-background-color": (
|
633
|
+
property: background-color,
|
634
|
+
class: bg,
|
635
|
+
values: $utilities-bg-subtle
|
636
|
+
),
|
581
637
|
// scss-docs-end utils-bg-color
|
582
638
|
"gradient": (
|
583
639
|
property: background-image,
|
@@ -614,22 +670,62 @@ $utilities: map-merge(
|
|
614
670
|
"rounded-top": (
|
615
671
|
property: border-top-left-radius border-top-right-radius,
|
616
672
|
class: rounded-top,
|
617
|
-
values: (
|
673
|
+
values: (
|
674
|
+
null: var(--#{$prefix}border-radius),
|
675
|
+
0: 0,
|
676
|
+
1: var(--#{$prefix}border-radius-sm),
|
677
|
+
2: var(--#{$prefix}border-radius),
|
678
|
+
3: var(--#{$prefix}border-radius-lg),
|
679
|
+
4: var(--#{$prefix}border-radius-xl),
|
680
|
+
5: var(--#{$prefix}border-radius-2xl),
|
681
|
+
circle: 50%,
|
682
|
+
pill: var(--#{$prefix}border-radius-pill)
|
683
|
+
)
|
618
684
|
),
|
619
685
|
"rounded-end": (
|
620
686
|
property: border-top-right-radius border-bottom-right-radius,
|
621
687
|
class: rounded-end,
|
622
|
-
values: (
|
688
|
+
values: (
|
689
|
+
null: var(--#{$prefix}border-radius),
|
690
|
+
0: 0,
|
691
|
+
1: var(--#{$prefix}border-radius-sm),
|
692
|
+
2: var(--#{$prefix}border-radius),
|
693
|
+
3: var(--#{$prefix}border-radius-lg),
|
694
|
+
4: var(--#{$prefix}border-radius-xl),
|
695
|
+
5: var(--#{$prefix}border-radius-2xl),
|
696
|
+
circle: 50%,
|
697
|
+
pill: var(--#{$prefix}border-radius-pill)
|
698
|
+
)
|
623
699
|
),
|
624
700
|
"rounded-bottom": (
|
625
701
|
property: border-bottom-right-radius border-bottom-left-radius,
|
626
702
|
class: rounded-bottom,
|
627
|
-
values: (
|
703
|
+
values: (
|
704
|
+
null: var(--#{$prefix}border-radius),
|
705
|
+
0: 0,
|
706
|
+
1: var(--#{$prefix}border-radius-sm),
|
707
|
+
2: var(--#{$prefix}border-radius),
|
708
|
+
3: var(--#{$prefix}border-radius-lg),
|
709
|
+
4: var(--#{$prefix}border-radius-xl),
|
710
|
+
5: var(--#{$prefix}border-radius-2xl),
|
711
|
+
circle: 50%,
|
712
|
+
pill: var(--#{$prefix}border-radius-pill)
|
713
|
+
)
|
628
714
|
),
|
629
715
|
"rounded-start": (
|
630
716
|
property: border-bottom-left-radius border-top-left-radius,
|
631
717
|
class: rounded-start,
|
632
|
-
values: (
|
718
|
+
values: (
|
719
|
+
null: var(--#{$prefix}border-radius),
|
720
|
+
0: 0,
|
721
|
+
1: var(--#{$prefix}border-radius-sm),
|
722
|
+
2: var(--#{$prefix}border-radius),
|
723
|
+
3: var(--#{$prefix}border-radius-lg),
|
724
|
+
4: var(--#{$prefix}border-radius-xl),
|
725
|
+
5: var(--#{$prefix}border-radius-2xl),
|
726
|
+
circle: 50%,
|
727
|
+
pill: var(--#{$prefix}border-radius-pill)
|
728
|
+
)
|
633
729
|
),
|
634
730
|
// scss-docs-end utils-border-radius
|
635
731
|
// scss-docs-start utils-visibility
|
@@ -640,8 +736,13 @@ $utilities: map-merge(
|
|
640
736
|
visible: visible,
|
641
737
|
invisible: hidden,
|
642
738
|
)
|
643
|
-
)
|
739
|
+
),
|
644
740
|
// scss-docs-end utils-visibility
|
741
|
+
"z-index": (
|
742
|
+
property: z-index,
|
743
|
+
class: z,
|
744
|
+
values: $zindex-levels,
|
745
|
+
)
|
645
746
|
),
|
646
747
|
$utilities
|
647
748
|
);
|
@@ -0,0 +1,70 @@
|
|
1
|
+
// Dark color mode variables
|
2
|
+
//
|
3
|
+
// Custom variables for the `[data-bs-theme="dark"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.
|
4
|
+
|
5
|
+
//
|
6
|
+
// Global colors
|
7
|
+
//
|
8
|
+
|
9
|
+
// scss-docs-start sass-dark-mode-vars
|
10
|
+
$primary-text-dark: $blue-300 !default;
|
11
|
+
$secondary-text-dark: $gray-300 !default;
|
12
|
+
$success-text-dark: $green-300 !default;
|
13
|
+
$info-text-dark: $cyan-300 !default;
|
14
|
+
$warning-text-dark: $yellow-300 !default;
|
15
|
+
$danger-text-dark: $red-300 !default;
|
16
|
+
$light-text-dark: $gray-100 !default;
|
17
|
+
$dark-text-dark: $gray-300 !default;
|
18
|
+
|
19
|
+
$primary-bg-subtle-dark: $blue-900 !default;
|
20
|
+
$secondary-bg-subtle-dark: $gray-900 !default;
|
21
|
+
$success-bg-subtle-dark: $green-900 !default;
|
22
|
+
$info-bg-subtle-dark: $cyan-900 !default;
|
23
|
+
$warning-bg-subtle-dark: $yellow-900 !default;
|
24
|
+
$danger-bg-subtle-dark: $red-900 !default;
|
25
|
+
$light-bg-subtle-dark: $gray-800 !default;
|
26
|
+
$dark-bg-subtle-dark: mix($gray-800, $black) !default;
|
27
|
+
|
28
|
+
$primary-border-subtle-dark: $blue-700 !default;
|
29
|
+
$secondary-border-subtle-dark: $gray-700 !default;
|
30
|
+
$success-border-subtle-dark: $green-700 !default;
|
31
|
+
$info-border-subtle-dark: $cyan-800 !default;
|
32
|
+
$warning-border-subtle-dark: $yellow-800 !default;
|
33
|
+
$danger-border-subtle-dark: $red-700 !default;
|
34
|
+
$light-border-subtle-dark: $gray-700 !default;
|
35
|
+
$dark-border-subtle-dark: $gray-800 !default;
|
36
|
+
|
37
|
+
$body-color-dark: $gray-500 !default;
|
38
|
+
$body-bg-dark: $gray-900 !default;
|
39
|
+
$body-emphasis-color-dark: $gray-100 !default;
|
40
|
+
$body-secondary-color-dark: rgba($body-color-dark, .75) !default;
|
41
|
+
$body-secondary-bg-dark: $gray-800 !default;
|
42
|
+
$body-tertiary-color-dark: rgba($body-color-dark, .5) !default;
|
43
|
+
$body-tertiary-bg-dark: mix($gray-800, $gray-900, 50%) !default;
|
44
|
+
$emphasis-color-dark: $white !default;
|
45
|
+
$border-color-dark: $gray-700 !default;
|
46
|
+
$border-color-translucent-dark: rgba($white, .15) !default;
|
47
|
+
$headings-color-dark: #fff !default;
|
48
|
+
$link-color-dark: $blue-300 !default;
|
49
|
+
$link-hover-color-dark: $blue-200 !default;
|
50
|
+
$code-color-dark: $pink-300 !default;
|
51
|
+
|
52
|
+
|
53
|
+
//
|
54
|
+
// Forms
|
55
|
+
//
|
56
|
+
|
57
|
+
$form-select-indicator-color-dark: $body-color-dark !default;
|
58
|
+
$form-select-indicator-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
|
59
|
+
|
60
|
+
$form-switch-color-dark: rgba($white, .25) !default;
|
61
|
+
$form-switch-bg-image-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
|
62
|
+
|
63
|
+
|
64
|
+
//
|
65
|
+
// Accordion
|
66
|
+
//
|
67
|
+
|
68
|
+
$accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
|
69
|
+
$accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$primary-text-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
|
70
|
+
// scss-docs-end sass-dark-mode-vars
|