bootstrap-scss 5.2.0 → 5.2.2
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.
- package/README.md +1 -1
- package/_accordion.scss +149 -146
- package/_alert.scss +71 -71
- package/_badge.scss +38 -38
- package/_breadcrumb.scss +40 -40
- package/_button-group.scss +142 -142
- package/_buttons.scss +207 -186
- package/_card.scss +234 -234
- package/_carousel.scss +229 -229
- package/_close.scss +40 -40
- package/_containers.scss +41 -41
- package/_dropdown.scss +249 -248
- package/_forms.scss +9 -9
- package/_functions.scss +302 -302
- package/_grid.scss +33 -33
- package/_helpers.scss +10 -10
- package/_list-group.scss +192 -191
- package/_maps.scss +54 -54
- package/_mixins.scss +43 -43
- package/_modal.scss +237 -237
- package/_nav.scss +172 -172
- package/_navbar.scss +278 -276
- package/_offcanvas.scss +144 -143
- package/_pagination.scss +109 -109
- package/_placeholders.scss +51 -51
- package/_popover.scss +196 -196
- package/_progress.scss +59 -59
- package/_reboot.scss +610 -610
- package/_root.scss +73 -73
- package/_spinners.scss +85 -85
- package/_tables.scss +164 -164
- package/_toasts.scss +73 -70
- package/_tooltip.scss +120 -120
- package/_transitions.scss +27 -27
- package/_type.scss +106 -106
- package/_utilities.scss +647 -647
- package/_variables.scss +1634 -1633
- package/bootstrap-grid.scss +64 -64
- package/bootstrap-reboot.scss +9 -9
- package/bootstrap-utilities.scss +15 -15
- package/bootstrap.scss +51 -51
- package/forms/_floating-labels.scss +75 -74
- package/forms/_form-check.scss +175 -175
- package/forms/_form-control.scss +194 -194
- package/forms/_form-range.scss +91 -91
- package/forms/_form-select.scss +71 -71
- package/forms/_form-text.scss +11 -11
- package/forms/_input-group.scss +132 -129
- package/forms/_labels.scss +36 -36
- package/forms/_validation.scss +12 -12
- package/helpers/_clearfix.scss +3 -3
- package/helpers/_color-bg.scss +10 -10
- package/helpers/_colored-links.scss +12 -12
- package/helpers/_position.scss +36 -36
- package/helpers/_ratio.scss +26 -26
- package/helpers/_stacks.scss +15 -15
- package/helpers/_stretched-link.scss +15 -15
- package/helpers/_text-truncation.scss +7 -7
- package/helpers/_visually-hidden.scss +8 -8
- package/helpers/_vr.scss +8 -8
- package/mixins/_alert.scss +15 -15
- package/mixins/_backdrop.scss +14 -14
- package/mixins/_banner.scss +9 -9
- package/mixins/_border-radius.scss +78 -78
- package/mixins/_box-shadow.scss +18 -18
- package/mixins/_breakpoints.scss +127 -127
- package/mixins/_buttons.scss +70 -70
- package/mixins/_caret.scss +64 -64
- package/mixins/_clearfix.scss +9 -9
- package/mixins/_color-scheme.scss +7 -7
- package/mixins/_container.scss +11 -11
- package/mixins/_forms.scss +152 -152
- package/mixins/_gradients.scss +47 -47
- package/mixins/_grid.scss +151 -151
- package/mixins/_image.scss +16 -16
- package/mixins/_list-group.scss +24 -24
- package/mixins/_lists.scss +7 -7
- package/mixins/_pagination.scss +10 -10
- package/mixins/_reset-text.scss +17 -17
- package/mixins/_table-variants.scss +24 -24
- package/mixins/_transition.scss +26 -26
- package/mixins/_utilities.scss +97 -97
- package/mixins/_visually-hidden.scss +29 -29
- package/package.json +1 -1
- package/utilities/_api.scss +47 -47
- package/vendor/_rfs.scss +354 -354
package/helpers/_ratio.scss
CHANGED
@@ -1,26 +1,26 @@
|
|
1
|
-
// Credit: Nicolas Gallagher and SUIT CSS.
|
2
|
-
|
3
|
-
.ratio {
|
4
|
-
position: relative;
|
5
|
-
width: 100%;
|
6
|
-
|
7
|
-
&::before {
|
8
|
-
display: block;
|
9
|
-
padding-top: var(--#{$prefix}aspect-ratio);
|
10
|
-
content: "";
|
11
|
-
}
|
12
|
-
|
13
|
-
> * {
|
14
|
-
position: absolute;
|
15
|
-
top: 0;
|
16
|
-
left: 0;
|
17
|
-
width: 100%;
|
18
|
-
height: 100%;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
@each $key, $ratio in $aspect-ratios {
|
23
|
-
.ratio-#{$key} {
|
24
|
-
--#{$prefix}aspect-ratio: #{$ratio};
|
25
|
-
}
|
26
|
-
}
|
1
|
+
// Credit: Nicolas Gallagher and SUIT CSS.
|
2
|
+
|
3
|
+
.ratio {
|
4
|
+
position: relative;
|
5
|
+
width: 100%;
|
6
|
+
|
7
|
+
&::before {
|
8
|
+
display: block;
|
9
|
+
padding-top: var(--#{$prefix}aspect-ratio);
|
10
|
+
content: "";
|
11
|
+
}
|
12
|
+
|
13
|
+
> * {
|
14
|
+
position: absolute;
|
15
|
+
top: 0;
|
16
|
+
left: 0;
|
17
|
+
width: 100%;
|
18
|
+
height: 100%;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
@each $key, $ratio in $aspect-ratios {
|
23
|
+
.ratio-#{$key} {
|
24
|
+
--#{$prefix}aspect-ratio: #{$ratio};
|
25
|
+
}
|
26
|
+
}
|
package/helpers/_stacks.scss
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
// scss-docs-start stacks
|
2
|
-
.hstack {
|
3
|
-
display: flex;
|
4
|
-
flex-direction: row;
|
5
|
-
align-items: center;
|
6
|
-
align-self: stretch;
|
7
|
-
}
|
8
|
-
|
9
|
-
.vstack {
|
10
|
-
display: flex;
|
11
|
-
flex: 1 1 auto;
|
12
|
-
flex-direction: column;
|
13
|
-
align-self: stretch;
|
14
|
-
}
|
15
|
-
// scss-docs-end stacks
|
1
|
+
// scss-docs-start stacks
|
2
|
+
.hstack {
|
3
|
+
display: flex;
|
4
|
+
flex-direction: row;
|
5
|
+
align-items: center;
|
6
|
+
align-self: stretch;
|
7
|
+
}
|
8
|
+
|
9
|
+
.vstack {
|
10
|
+
display: flex;
|
11
|
+
flex: 1 1 auto;
|
12
|
+
flex-direction: column;
|
13
|
+
align-self: stretch;
|
14
|
+
}
|
15
|
+
// scss-docs-end stacks
|
@@ -1,15 +1,15 @@
|
|
1
|
-
//
|
2
|
-
// Stretched link
|
3
|
-
//
|
4
|
-
|
5
|
-
.stretched-link {
|
6
|
-
&::#{$stretched-link-pseudo-element} {
|
7
|
-
position: absolute;
|
8
|
-
top: 0;
|
9
|
-
right: 0;
|
10
|
-
bottom: 0;
|
11
|
-
left: 0;
|
12
|
-
z-index: $stretched-link-z-index;
|
13
|
-
content: "";
|
14
|
-
}
|
15
|
-
}
|
1
|
+
//
|
2
|
+
// Stretched link
|
3
|
+
//
|
4
|
+
|
5
|
+
.stretched-link {
|
6
|
+
&::#{$stretched-link-pseudo-element} {
|
7
|
+
position: absolute;
|
8
|
+
top: 0;
|
9
|
+
right: 0;
|
10
|
+
bottom: 0;
|
11
|
+
left: 0;
|
12
|
+
z-index: $stretched-link-z-index;
|
13
|
+
content: "";
|
14
|
+
}
|
15
|
+
}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
//
|
2
|
-
// Text truncation
|
3
|
-
//
|
4
|
-
|
5
|
-
.text-truncate {
|
6
|
-
@include text-truncate();
|
7
|
-
}
|
1
|
+
//
|
2
|
+
// Text truncation
|
3
|
+
//
|
4
|
+
|
5
|
+
.text-truncate {
|
6
|
+
@include text-truncate();
|
7
|
+
}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
//
|
2
|
-
// Visually hidden
|
3
|
-
//
|
4
|
-
|
5
|
-
.visually-hidden,
|
6
|
-
.visually-hidden-focusable:not(:focus):not(:focus-within) {
|
7
|
-
@include visually-hidden();
|
8
|
-
}
|
1
|
+
//
|
2
|
+
// Visually hidden
|
3
|
+
//
|
4
|
+
|
5
|
+
.visually-hidden,
|
6
|
+
.visually-hidden-focusable:not(:focus):not(:focus-within) {
|
7
|
+
@include visually-hidden();
|
8
|
+
}
|
package/helpers/_vr.scss
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
.vr {
|
2
|
-
display: inline-block;
|
3
|
-
align-self: stretch;
|
4
|
-
width: 1px;
|
5
|
-
min-height: 1em;
|
6
|
-
background-color: currentcolor;
|
7
|
-
opacity: $hr-opacity;
|
8
|
-
}
|
1
|
+
.vr {
|
2
|
+
display: inline-block;
|
3
|
+
align-self: stretch;
|
4
|
+
width: 1px;
|
5
|
+
min-height: 1em;
|
6
|
+
background-color: currentcolor;
|
7
|
+
opacity: $hr-opacity;
|
8
|
+
}
|
package/mixins/_alert.scss
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
// scss-docs-start alert-variant-mixin
|
2
|
-
@mixin alert-variant($background, $border, $color) {
|
3
|
-
--#{$prefix}alert-color: #{$color};
|
4
|
-
--#{$prefix}alert-bg: #{$background};
|
5
|
-
--#{$prefix}alert-border-color: #{$border};
|
6
|
-
|
7
|
-
@if $enable-gradients {
|
8
|
-
background-image: var(--#{$prefix}gradient);
|
9
|
-
}
|
10
|
-
|
11
|
-
.alert-link {
|
12
|
-
color: shade-color($color, 20%);
|
13
|
-
}
|
14
|
-
}
|
15
|
-
// scss-docs-end alert-variant-mixin
|
1
|
+
// scss-docs-start alert-variant-mixin
|
2
|
+
@mixin alert-variant($background, $border, $color) {
|
3
|
+
--#{$prefix}alert-color: #{$color};
|
4
|
+
--#{$prefix}alert-bg: #{$background};
|
5
|
+
--#{$prefix}alert-border-color: #{$border};
|
6
|
+
|
7
|
+
@if $enable-gradients {
|
8
|
+
background-image: var(--#{$prefix}gradient);
|
9
|
+
}
|
10
|
+
|
11
|
+
.alert-link {
|
12
|
+
color: shade-color($color, 20%);
|
13
|
+
}
|
14
|
+
}
|
15
|
+
// scss-docs-end alert-variant-mixin
|
package/mixins/_backdrop.scss
CHANGED
@@ -1,14 +1,14 @@
|
|
1
|
-
// Shared between modals and offcanvases
|
2
|
-
@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {
|
3
|
-
position: fixed;
|
4
|
-
top: 0;
|
5
|
-
left: 0;
|
6
|
-
z-index: $zindex;
|
7
|
-
width: 100vw;
|
8
|
-
height: 100vh;
|
9
|
-
background-color: $backdrop-bg;
|
10
|
-
|
11
|
-
// Fade for backdrop
|
12
|
-
&.fade { opacity: 0; }
|
13
|
-
&.show { opacity: $backdrop-opacity; }
|
14
|
-
}
|
1
|
+
// Shared between modals and offcanvases
|
2
|
+
@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {
|
3
|
+
position: fixed;
|
4
|
+
top: 0;
|
5
|
+
left: 0;
|
6
|
+
z-index: $zindex;
|
7
|
+
width: 100vw;
|
8
|
+
height: 100vh;
|
9
|
+
background-color: $backdrop-bg;
|
10
|
+
|
11
|
+
// Fade for backdrop
|
12
|
+
&.fade { opacity: 0; }
|
13
|
+
&.show { opacity: $backdrop-opacity; }
|
14
|
+
}
|
package/mixins/_banner.scss
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
@mixin bsBanner($file
|
2
|
-
/*!
|
3
|
-
* Bootstrap #{$file} v5.2.
|
4
|
-
* Copyright 2011-2022 The Bootstrap Authors
|
5
|
-
* Copyright 2011-2022 Twitter, Inc.
|
6
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
7
|
-
*/
|
8
|
-
}
|
9
|
-
|
1
|
+
@mixin bsBanner($file) {
|
2
|
+
/*!
|
3
|
+
* Bootstrap #{$file} v5.2.2 (https://getbootstrap.com/)
|
4
|
+
* Copyright 2011-2022 The Bootstrap Authors
|
5
|
+
* Copyright 2011-2022 Twitter, Inc.
|
6
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
7
|
+
*/
|
8
|
+
}
|
9
|
+
|
@@ -1,78 +1,78 @@
|
|
1
|
-
// stylelint-disable property-disallowed-list
|
2
|
-
// Single side border-radius
|
3
|
-
|
4
|
-
// Helper function to replace negative values with 0
|
5
|
-
@function valid-radius($radius) {
|
6
|
-
$return: ();
|
7
|
-
@each $value in $radius {
|
8
|
-
@if type-of($value) == number {
|
9
|
-
$return: append($return, max($value, 0));
|
10
|
-
} @else {
|
11
|
-
$return: append($return, $value);
|
12
|
-
}
|
13
|
-
}
|
14
|
-
@return $return;
|
15
|
-
}
|
16
|
-
|
17
|
-
// scss-docs-start border-radius-mixins
|
18
|
-
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
19
|
-
@if $enable-rounded {
|
20
|
-
border-radius: valid-radius($radius);
|
21
|
-
}
|
22
|
-
@else if $fallback-border-radius != false {
|
23
|
-
border-radius: $fallback-border-radius;
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
@mixin border-top-radius($radius: $border-radius) {
|
28
|
-
@if $enable-rounded {
|
29
|
-
border-top-left-radius: valid-radius($radius);
|
30
|
-
border-top-right-radius: valid-radius($radius);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
@mixin border-end-radius($radius: $border-radius) {
|
35
|
-
@if $enable-rounded {
|
36
|
-
border-top-right-radius: valid-radius($radius);
|
37
|
-
border-bottom-right-radius: valid-radius($radius);
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
@mixin border-bottom-radius($radius: $border-radius) {
|
42
|
-
@if $enable-rounded {
|
43
|
-
border-bottom-right-radius: valid-radius($radius);
|
44
|
-
border-bottom-left-radius: valid-radius($radius);
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
@mixin border-start-radius($radius: $border-radius) {
|
49
|
-
@if $enable-rounded {
|
50
|
-
border-top-left-radius: valid-radius($radius);
|
51
|
-
border-bottom-left-radius: valid-radius($radius);
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
@mixin border-top-start-radius($radius: $border-radius) {
|
56
|
-
@if $enable-rounded {
|
57
|
-
border-top-left-radius: valid-radius($radius);
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
@mixin border-top-end-radius($radius: $border-radius) {
|
62
|
-
@if $enable-rounded {
|
63
|
-
border-top-right-radius: valid-radius($radius);
|
64
|
-
}
|
65
|
-
}
|
66
|
-
|
67
|
-
@mixin border-bottom-end-radius($radius: $border-radius) {
|
68
|
-
@if $enable-rounded {
|
69
|
-
border-bottom-right-radius: valid-radius($radius);
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
@mixin border-bottom-start-radius($radius: $border-radius) {
|
74
|
-
@if $enable-rounded {
|
75
|
-
border-bottom-left-radius: valid-radius($radius);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
// scss-docs-end border-radius-mixins
|
1
|
+
// stylelint-disable property-disallowed-list
|
2
|
+
// Single side border-radius
|
3
|
+
|
4
|
+
// Helper function to replace negative values with 0
|
5
|
+
@function valid-radius($radius) {
|
6
|
+
$return: ();
|
7
|
+
@each $value in $radius {
|
8
|
+
@if type-of($value) == number {
|
9
|
+
$return: append($return, max($value, 0));
|
10
|
+
} @else {
|
11
|
+
$return: append($return, $value);
|
12
|
+
}
|
13
|
+
}
|
14
|
+
@return $return;
|
15
|
+
}
|
16
|
+
|
17
|
+
// scss-docs-start border-radius-mixins
|
18
|
+
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
19
|
+
@if $enable-rounded {
|
20
|
+
border-radius: valid-radius($radius);
|
21
|
+
}
|
22
|
+
@else if $fallback-border-radius != false {
|
23
|
+
border-radius: $fallback-border-radius;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin border-top-radius($radius: $border-radius) {
|
28
|
+
@if $enable-rounded {
|
29
|
+
border-top-left-radius: valid-radius($radius);
|
30
|
+
border-top-right-radius: valid-radius($radius);
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
@mixin border-end-radius($radius: $border-radius) {
|
35
|
+
@if $enable-rounded {
|
36
|
+
border-top-right-radius: valid-radius($radius);
|
37
|
+
border-bottom-right-radius: valid-radius($radius);
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
@mixin border-bottom-radius($radius: $border-radius) {
|
42
|
+
@if $enable-rounded {
|
43
|
+
border-bottom-right-radius: valid-radius($radius);
|
44
|
+
border-bottom-left-radius: valid-radius($radius);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
@mixin border-start-radius($radius: $border-radius) {
|
49
|
+
@if $enable-rounded {
|
50
|
+
border-top-left-radius: valid-radius($radius);
|
51
|
+
border-bottom-left-radius: valid-radius($radius);
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
@mixin border-top-start-radius($radius: $border-radius) {
|
56
|
+
@if $enable-rounded {
|
57
|
+
border-top-left-radius: valid-radius($radius);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
@mixin border-top-end-radius($radius: $border-radius) {
|
62
|
+
@if $enable-rounded {
|
63
|
+
border-top-right-radius: valid-radius($radius);
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
@mixin border-bottom-end-radius($radius: $border-radius) {
|
68
|
+
@if $enable-rounded {
|
69
|
+
border-bottom-right-radius: valid-radius($radius);
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
@mixin border-bottom-start-radius($radius: $border-radius) {
|
74
|
+
@if $enable-rounded {
|
75
|
+
border-bottom-left-radius: valid-radius($radius);
|
76
|
+
}
|
77
|
+
}
|
78
|
+
// scss-docs-end border-radius-mixins
|
package/mixins/_box-shadow.scss
CHANGED
@@ -1,18 +1,18 @@
|
|
1
|
-
@mixin box-shadow($shadow...) {
|
2
|
-
@if $enable-shadows {
|
3
|
-
$result: ();
|
4
|
-
|
5
|
-
@each $value in $shadow {
|
6
|
-
@if $value != null {
|
7
|
-
$result: append($result, $value, "comma");
|
8
|
-
}
|
9
|
-
@if $value == none and length($shadow) > 1 {
|
10
|
-
@warn "The keyword 'none' must be used as a single argument.";
|
11
|
-
}
|
12
|
-
}
|
13
|
-
|
14
|
-
@if (length($result) > 0) {
|
15
|
-
box-shadow: $result;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
}
|
1
|
+
@mixin box-shadow($shadow...) {
|
2
|
+
@if $enable-shadows {
|
3
|
+
$result: ();
|
4
|
+
|
5
|
+
@each $value in $shadow {
|
6
|
+
@if $value != null {
|
7
|
+
$result: append($result, $value, "comma");
|
8
|
+
}
|
9
|
+
@if $value == none and length($shadow) > 1 {
|
10
|
+
@warn "The keyword 'none' must be used as a single argument.";
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
@if (length($result) > 0) {
|
15
|
+
box-shadow: $result;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
}
|