bootstrap-scss 5.2.0 → 5.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. package/README.md +1 -1
  2. package/_accordion.scss +149 -146
  3. package/_alert.scss +71 -71
  4. package/_badge.scss +38 -38
  5. package/_breadcrumb.scss +40 -40
  6. package/_button-group.scss +142 -142
  7. package/_buttons.scss +207 -186
  8. package/_card.scss +234 -234
  9. package/_carousel.scss +229 -229
  10. package/_close.scss +40 -40
  11. package/_containers.scss +41 -41
  12. package/_dropdown.scss +249 -248
  13. package/_forms.scss +9 -9
  14. package/_functions.scss +302 -302
  15. package/_grid.scss +33 -33
  16. package/_helpers.scss +10 -10
  17. package/_list-group.scss +192 -191
  18. package/_maps.scss +54 -54
  19. package/_mixins.scss +43 -43
  20. package/_modal.scss +237 -237
  21. package/_nav.scss +172 -172
  22. package/_navbar.scss +278 -276
  23. package/_offcanvas.scss +144 -143
  24. package/_pagination.scss +109 -109
  25. package/_placeholders.scss +51 -51
  26. package/_popover.scss +196 -196
  27. package/_progress.scss +59 -59
  28. package/_reboot.scss +610 -610
  29. package/_root.scss +73 -73
  30. package/_spinners.scss +85 -85
  31. package/_tables.scss +164 -164
  32. package/_toasts.scss +73 -70
  33. package/_tooltip.scss +120 -120
  34. package/_transitions.scss +27 -27
  35. package/_type.scss +106 -106
  36. package/_utilities.scss +647 -647
  37. package/_variables.scss +1634 -1633
  38. package/bootstrap-grid.scss +64 -64
  39. package/bootstrap-reboot.scss +9 -9
  40. package/bootstrap-utilities.scss +15 -15
  41. package/bootstrap.scss +51 -51
  42. package/forms/_floating-labels.scss +75 -74
  43. package/forms/_form-check.scss +175 -175
  44. package/forms/_form-control.scss +194 -194
  45. package/forms/_form-range.scss +91 -91
  46. package/forms/_form-select.scss +71 -71
  47. package/forms/_form-text.scss +11 -11
  48. package/forms/_input-group.scss +132 -129
  49. package/forms/_labels.scss +36 -36
  50. package/forms/_validation.scss +12 -12
  51. package/helpers/_clearfix.scss +3 -3
  52. package/helpers/_color-bg.scss +10 -10
  53. package/helpers/_colored-links.scss +12 -12
  54. package/helpers/_position.scss +36 -36
  55. package/helpers/_ratio.scss +26 -26
  56. package/helpers/_stacks.scss +15 -15
  57. package/helpers/_stretched-link.scss +15 -15
  58. package/helpers/_text-truncation.scss +7 -7
  59. package/helpers/_visually-hidden.scss +8 -8
  60. package/helpers/_vr.scss +8 -8
  61. package/mixins/_alert.scss +15 -15
  62. package/mixins/_backdrop.scss +14 -14
  63. package/mixins/_banner.scss +9 -9
  64. package/mixins/_border-radius.scss +78 -78
  65. package/mixins/_box-shadow.scss +18 -18
  66. package/mixins/_breakpoints.scss +127 -127
  67. package/mixins/_buttons.scss +70 -70
  68. package/mixins/_caret.scss +64 -64
  69. package/mixins/_clearfix.scss +9 -9
  70. package/mixins/_color-scheme.scss +7 -7
  71. package/mixins/_container.scss +11 -11
  72. package/mixins/_forms.scss +152 -152
  73. package/mixins/_gradients.scss +47 -47
  74. package/mixins/_grid.scss +151 -151
  75. package/mixins/_image.scss +16 -16
  76. package/mixins/_list-group.scss +24 -24
  77. package/mixins/_lists.scss +7 -7
  78. package/mixins/_pagination.scss +10 -10
  79. package/mixins/_reset-text.scss +17 -17
  80. package/mixins/_table-variants.scss +24 -24
  81. package/mixins/_transition.scss +26 -26
  82. package/mixins/_utilities.scss +97 -97
  83. package/mixins/_visually-hidden.scss +29 -29
  84. package/package.json +1 -1
  85. package/utilities/_api.scss +47 -47
  86. package/vendor/_rfs.scss +354 -354
@@ -1,64 +1,64 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Grid);
3
-
4
- $include-column-box-sizing: true !default;
5
-
6
- @import "functions";
7
- @import "variables";
8
- @import "maps";
9
-
10
- @import "mixins/lists";
11
- @import "mixins/breakpoints";
12
- @import "mixins/container";
13
- @import "mixins/grid";
14
- @import "mixins/utilities";
15
-
16
- @import "vendor/rfs";
17
-
18
- @import "root";
19
-
20
- @import "containers";
21
- @import "grid";
22
-
23
- @import "utilities";
24
- // Only use the utilities we need
25
- // stylelint-disable-next-line scss/dollar-variable-default
26
- $utilities: map-get-multiple(
27
- $utilities,
28
- (
29
- "display",
30
- "order",
31
- "flex",
32
- "flex-direction",
33
- "flex-grow",
34
- "flex-shrink",
35
- "flex-wrap",
36
- "justify-content",
37
- "align-items",
38
- "align-content",
39
- "align-self",
40
- "margin",
41
- "margin-x",
42
- "margin-y",
43
- "margin-top",
44
- "margin-end",
45
- "margin-bottom",
46
- "margin-start",
47
- "negative-margin",
48
- "negative-margin-x",
49
- "negative-margin-y",
50
- "negative-margin-top",
51
- "negative-margin-end",
52
- "negative-margin-bottom",
53
- "negative-margin-start",
54
- "padding",
55
- "padding-x",
56
- "padding-y",
57
- "padding-top",
58
- "padding-end",
59
- "padding-bottom",
60
- "padding-start",
61
- )
62
- );
63
-
64
- @import "utilities/api";
1
+ @import "mixins/banner";
2
+ @include bsBanner(Grid);
3
+
4
+ $include-column-box-sizing: true !default;
5
+
6
+ @import "functions";
7
+ @import "variables";
8
+ @import "maps";
9
+
10
+ @import "mixins/lists";
11
+ @import "mixins/breakpoints";
12
+ @import "mixins/container";
13
+ @import "mixins/grid";
14
+ @import "mixins/utilities";
15
+
16
+ @import "vendor/rfs";
17
+
18
+ @import "root";
19
+
20
+ @import "containers";
21
+ @import "grid";
22
+
23
+ @import "utilities";
24
+ // Only use the utilities we need
25
+ // stylelint-disable-next-line scss/dollar-variable-default
26
+ $utilities: map-get-multiple(
27
+ $utilities,
28
+ (
29
+ "display",
30
+ "order",
31
+ "flex",
32
+ "flex-direction",
33
+ "flex-grow",
34
+ "flex-shrink",
35
+ "flex-wrap",
36
+ "justify-content",
37
+ "align-items",
38
+ "align-content",
39
+ "align-self",
40
+ "margin",
41
+ "margin-x",
42
+ "margin-y",
43
+ "margin-top",
44
+ "margin-end",
45
+ "margin-bottom",
46
+ "margin-start",
47
+ "negative-margin",
48
+ "negative-margin-x",
49
+ "negative-margin-y",
50
+ "negative-margin-top",
51
+ "negative-margin-end",
52
+ "negative-margin-bottom",
53
+ "negative-margin-start",
54
+ "padding",
55
+ "padding-x",
56
+ "padding-y",
57
+ "padding-top",
58
+ "padding-end",
59
+ "padding-bottom",
60
+ "padding-start",
61
+ )
62
+ );
63
+
64
+ @import "utilities/api";
@@ -1,9 +1,9 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Reboot);
3
-
4
- @import "functions";
5
- @import "variables";
6
- @import "maps";
7
- @import "mixins";
8
- @import "root";
9
- @import "reboot";
1
+ @import "mixins/banner";
2
+ @include bsBanner(Reboot);
3
+
4
+ @import "functions";
5
+ @import "variables";
6
+ @import "maps";
7
+ @import "mixins";
8
+ @import "root";
9
+ @import "reboot";
@@ -1,15 +1,15 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Utilities);
3
-
4
- // Configuration
5
- @import "functions";
6
- @import "variables";
7
- @import "maps";
8
- @import "mixins";
9
- @import "utilities";
10
-
11
- // Helpers
12
- @import "helpers";
13
-
14
- // Utilities
15
- @import "utilities/api";
1
+ @import "mixins/banner";
2
+ @include bsBanner(Utilities);
3
+
4
+ // Configuration
5
+ @import "functions";
6
+ @import "variables";
7
+ @import "maps";
8
+ @import "mixins";
9
+ @import "utilities";
10
+
11
+ // Helpers
12
+ @import "helpers";
13
+
14
+ // Utilities
15
+ @import "utilities/api";
package/bootstrap.scss CHANGED
@@ -1,51 +1,51 @@
1
- @import "mixins/banner";
2
- @include bsBanner("");
3
-
4
-
5
- // scss-docs-start import-stack
6
- // Configuration
7
- @import "functions";
8
- @import "variables";
9
- @import "maps";
10
- @import "mixins";
11
- @import "utilities";
12
-
13
- // Layout & components
14
- @import "root";
15
- @import "reboot";
16
- @import "type";
17
- @import "images";
18
- @import "containers";
19
- @import "grid";
20
- @import "tables";
21
- @import "forms";
22
- @import "buttons";
23
- @import "transitions";
24
- @import "dropdown";
25
- @import "button-group";
26
- @import "nav";
27
- @import "navbar";
28
- @import "card";
29
- @import "accordion";
30
- @import "breadcrumb";
31
- @import "pagination";
32
- @import "badge";
33
- @import "alert";
34
- @import "progress";
35
- @import "list-group";
36
- @import "close";
37
- @import "toasts";
38
- @import "modal";
39
- @import "tooltip";
40
- @import "popover";
41
- @import "carousel";
42
- @import "spinners";
43
- @import "offcanvas";
44
- @import "placeholders";
45
-
46
- // Helpers
47
- @import "helpers";
48
-
49
- // Utilities
50
- @import "utilities/api";
51
- // scss-docs-end import-stack
1
+ @import "mixins/banner";
2
+ @include bsBanner("");
3
+
4
+
5
+ // scss-docs-start import-stack
6
+ // Configuration
7
+ @import "functions";
8
+ @import "variables";
9
+ @import "maps";
10
+ @import "mixins";
11
+ @import "utilities";
12
+
13
+ // Layout & components
14
+ @import "root";
15
+ @import "reboot";
16
+ @import "type";
17
+ @import "images";
18
+ @import "containers";
19
+ @import "grid";
20
+ @import "tables";
21
+ @import "forms";
22
+ @import "buttons";
23
+ @import "transitions";
24
+ @import "dropdown";
25
+ @import "button-group";
26
+ @import "nav";
27
+ @import "navbar";
28
+ @import "card";
29
+ @import "accordion";
30
+ @import "breadcrumb";
31
+ @import "pagination";
32
+ @import "badge";
33
+ @import "alert";
34
+ @import "progress";
35
+ @import "list-group";
36
+ @import "close";
37
+ @import "toasts";
38
+ @import "modal";
39
+ @import "tooltip";
40
+ @import "popover";
41
+ @import "carousel";
42
+ @import "spinners";
43
+ @import "offcanvas";
44
+ @import "placeholders";
45
+
46
+ // Helpers
47
+ @import "helpers";
48
+
49
+ // Utilities
50
+ @import "utilities/api";
51
+ // scss-docs-end import-stack
@@ -1,74 +1,75 @@
1
- .form-floating {
2
- position: relative;
3
-
4
- > .form-control,
5
- > .form-control-plaintext,
6
- > .form-select {
7
- height: $form-floating-height;
8
- line-height: $form-floating-line-height;
9
- }
10
-
11
- > label {
12
- position: absolute;
13
- top: 0;
14
- left: 0;
15
- width: 100%;
16
- height: 100%; // allow textareas
17
- padding: $form-floating-padding-y $form-floating-padding-x;
18
- overflow: hidden;
19
- text-overflow: ellipsis;
20
- white-space: nowrap;
21
- pointer-events: none;
22
- border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
23
- transform-origin: 0 0;
24
- @include transition($form-floating-transition);
25
- }
26
-
27
- > .form-control,
28
- > .form-control-plaintext {
29
- padding: $form-floating-padding-y $form-floating-padding-x;
30
-
31
- &::placeholder {
32
- color: transparent;
33
- }
34
-
35
- &:focus,
36
- &:not(:placeholder-shown) {
37
- padding-top: $form-floating-input-padding-t;
38
- padding-bottom: $form-floating-input-padding-b;
39
- }
40
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
41
- &:-webkit-autofill {
42
- padding-top: $form-floating-input-padding-t;
43
- padding-bottom: $form-floating-input-padding-b;
44
- }
45
- }
46
-
47
- > .form-select {
48
- padding-top: $form-floating-input-padding-t;
49
- padding-bottom: $form-floating-input-padding-b;
50
- }
51
-
52
- > .form-control:focus,
53
- > .form-control:not(:placeholder-shown),
54
- > .form-control-plaintext,
55
- > .form-select {
56
- ~ label {
57
- opacity: $form-floating-label-opacity;
58
- transform: $form-floating-label-transform;
59
- }
60
- }
61
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
62
- > .form-control:-webkit-autofill {
63
- ~ label {
64
- opacity: $form-floating-label-opacity;
65
- transform: $form-floating-label-transform;
66
- }
67
- }
68
-
69
- > .form-control-plaintext {
70
- ~ label {
71
- border-width: $input-border-width 0; // Required to properly position label text - as explained above
72
- }
73
- }
74
- }
1
+ .form-floating {
2
+ position: relative;
3
+
4
+ > .form-control,
5
+ > .form-control-plaintext,
6
+ > .form-select {
7
+ height: $form-floating-height;
8
+ line-height: $form-floating-line-height;
9
+ }
10
+
11
+ > label {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%; // allow textareas
17
+ padding: $form-floating-padding-y $form-floating-padding-x;
18
+ overflow: hidden;
19
+ text-align: start;
20
+ text-overflow: ellipsis;
21
+ white-space: nowrap;
22
+ pointer-events: none;
23
+ border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
24
+ transform-origin: 0 0;
25
+ @include transition($form-floating-transition);
26
+ }
27
+
28
+ > .form-control,
29
+ > .form-control-plaintext {
30
+ padding: $form-floating-padding-y $form-floating-padding-x;
31
+
32
+ &::placeholder {
33
+ color: transparent;
34
+ }
35
+
36
+ &:focus,
37
+ &:not(:placeholder-shown) {
38
+ padding-top: $form-floating-input-padding-t;
39
+ padding-bottom: $form-floating-input-padding-b;
40
+ }
41
+ // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
42
+ &:-webkit-autofill {
43
+ padding-top: $form-floating-input-padding-t;
44
+ padding-bottom: $form-floating-input-padding-b;
45
+ }
46
+ }
47
+
48
+ > .form-select {
49
+ padding-top: $form-floating-input-padding-t;
50
+ padding-bottom: $form-floating-input-padding-b;
51
+ }
52
+
53
+ > .form-control:focus,
54
+ > .form-control:not(:placeholder-shown),
55
+ > .form-control-plaintext,
56
+ > .form-select {
57
+ ~ label {
58
+ opacity: $form-floating-label-opacity;
59
+ transform: $form-floating-label-transform;
60
+ }
61
+ }
62
+ // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
63
+ > .form-control:-webkit-autofill {
64
+ ~ label {
65
+ opacity: $form-floating-label-opacity;
66
+ transform: $form-floating-label-transform;
67
+ }
68
+ }
69
+
70
+ > .form-control-plaintext {
71
+ ~ label {
72
+ border-width: $input-border-width 0; // Required to properly position label text - as explained above
73
+ }
74
+ }
75
+ }