bootstrap-scss 5.1.1 → 5.2.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 (87) hide show
  1. package/LICENSE +2 -2
  2. package/README.md +5 -5
  3. package/_accordion.scss +146 -118
  4. package/_alert.scss +71 -57
  5. package/_badge.scss +38 -29
  6. package/_breadcrumb.scss +40 -28
  7. package/_button-group.scss +142 -139
  8. package/_buttons.scss +186 -111
  9. package/_card.scss +234 -216
  10. package/_carousel.scss +229 -229
  11. package/_close.scss +40 -40
  12. package/_containers.scss +41 -41
  13. package/_dropdown.scss +248 -240
  14. package/_forms.scss +9 -9
  15. package/_functions.scss +302 -302
  16. package/_grid.scss +33 -33
  17. package/_helpers.scss +10 -9
  18. package/_list-group.scss +191 -174
  19. package/_maps.scss +54 -0
  20. package/_mixins.scss +43 -43
  21. package/_modal.scss +237 -209
  22. package/_nav.scss +172 -139
  23. package/_navbar.scss +276 -335
  24. package/_offcanvas.scss +143 -83
  25. package/_pagination.scss +109 -64
  26. package/_placeholders.scss +51 -51
  27. package/_popover.scss +196 -158
  28. package/_progress.scss +59 -48
  29. package/_reboot.scss +610 -625
  30. package/_root.scss +73 -54
  31. package/_spinners.scss +85 -69
  32. package/_tables.scss +164 -151
  33. package/_toasts.scss +70 -51
  34. package/_tooltip.scss +120 -115
  35. package/_transitions.scss +27 -27
  36. package/_type.scss +106 -104
  37. package/_utilities.scss +647 -630
  38. package/_variables.scss +1633 -1639
  39. package/bootstrap-grid.scss +64 -67
  40. package/bootstrap-reboot.scss +9 -13
  41. package/bootstrap-utilities.scss +15 -18
  42. package/bootstrap.scss +51 -53
  43. package/forms/_floating-labels.scss +74 -63
  44. package/forms/_form-check.scss +175 -152
  45. package/forms/_form-control.scss +194 -219
  46. package/forms/_form-range.scss +91 -91
  47. package/forms/_form-select.scss +71 -70
  48. package/forms/_form-text.scss +11 -11
  49. package/forms/_input-group.scss +129 -121
  50. package/forms/_labels.scss +36 -36
  51. package/forms/_validation.scss +12 -12
  52. package/helpers/_clearfix.scss +3 -3
  53. package/helpers/_color-bg.scss +10 -0
  54. package/helpers/_colored-links.scss +12 -12
  55. package/helpers/_position.scss +36 -30
  56. package/helpers/_ratio.scss +26 -26
  57. package/helpers/_stacks.scss +15 -15
  58. package/helpers/_stretched-link.scss +15 -15
  59. package/helpers/_text-truncation.scss +7 -7
  60. package/helpers/_visually-hidden.scss +8 -8
  61. package/helpers/_vr.scss +8 -8
  62. package/mixins/_alert.scss +15 -11
  63. package/mixins/_backdrop.scss +14 -14
  64. package/mixins/_banner.scss +9 -0
  65. package/mixins/_border-radius.scss +78 -78
  66. package/mixins/_box-shadow.scss +18 -18
  67. package/mixins/_breakpoints.scss +127 -127
  68. package/mixins/_buttons.scss +70 -133
  69. package/mixins/_caret.scss +64 -64
  70. package/mixins/_clearfix.scss +9 -9
  71. package/mixins/_color-scheme.scss +7 -7
  72. package/mixins/_container.scss +11 -9
  73. package/mixins/_forms.scss +152 -144
  74. package/mixins/_gradients.scss +47 -47
  75. package/mixins/_grid.scss +151 -150
  76. package/mixins/_image.scss +16 -16
  77. package/mixins/_list-group.scss +24 -24
  78. package/mixins/_lists.scss +7 -7
  79. package/mixins/_pagination.scss +10 -31
  80. package/mixins/_reset-text.scss +17 -17
  81. package/mixins/_table-variants.scss +24 -21
  82. package/mixins/_transition.scss +26 -26
  83. package/mixins/_utilities.scss +97 -89
  84. package/mixins/_visually-hidden.scss +29 -29
  85. package/package.json +1 -1
  86. package/utilities/_api.scss +47 -47
  87. package/vendor/_rfs.scss +354 -354
@@ -1,67 +1,64 @@
1
- /*!
2
- * Bootstrap Grid v5.1.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2021 The Bootstrap Authors
4
- * Copyright 2011-2021 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- $include-column-box-sizing: true !default;
9
-
10
- @import "functions";
11
- @import "variables";
12
-
13
- @import "mixins/lists";
14
- @import "mixins/breakpoints";
15
- @import "mixins/container";
16
- @import "mixins/grid";
17
- @import "mixins/utilities";
18
-
19
- @import "vendor/rfs";
20
-
21
- @import "root";
22
-
23
- @import "containers";
24
- @import "grid";
25
-
26
- @import "utilities";
27
- // Only use the utilities we need
28
- // stylelint-disable-next-line scss/dollar-variable-default
29
- $utilities: map-get-multiple(
30
- $utilities,
31
- (
32
- "display",
33
- "order",
34
- "flex",
35
- "flex-direction",
36
- "flex-grow",
37
- "flex-shrink",
38
- "flex-wrap",
39
- "justify-content",
40
- "align-items",
41
- "align-content",
42
- "align-self",
43
- "margin",
44
- "margin-x",
45
- "margin-y",
46
- "margin-top",
47
- "margin-end",
48
- "margin-bottom",
49
- "margin-start",
50
- "negative-margin",
51
- "negative-margin-x",
52
- "negative-margin-y",
53
- "negative-margin-top",
54
- "negative-margin-end",
55
- "negative-margin-bottom",
56
- "negative-margin-start",
57
- "padding",
58
- "padding-x",
59
- "padding-y",
60
- "padding-top",
61
- "padding-end",
62
- "padding-bottom",
63
- "padding-start",
64
- )
65
- );
66
-
67
- @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,13 +1,9 @@
1
- /*!
2
- * Bootstrap Reboot v5.1.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2021 The Bootstrap Authors
4
- * Copyright 2011-2021 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
- */
8
-
9
- @import "functions";
10
- @import "variables";
11
- @import "mixins";
12
- @import "root";
13
- @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,18 +1,15 @@
1
- /*!
2
- * Bootstrap Utilities v5.1.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2021 The Bootstrap Authors
4
- * Copyright 2011-2021 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- // Configuration
9
- @import "functions";
10
- @import "variables";
11
- @import "mixins";
12
- @import "utilities";
13
-
14
- // Helpers
15
- @import "helpers";
16
-
17
- // Utilities
18
- @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,53 +1,51 @@
1
- /*!
2
- * Bootstrap v5.1.1 (https://getbootstrap.com/)
3
- * Copyright 2011-2021 The Bootstrap Authors
4
- * Copyright 2011-2021 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- // scss-docs-start import-stack
9
- // Configuration
10
- @import "functions";
11
- @import "variables";
12
- @import "mixins";
13
- @import "utilities";
14
-
15
- // Layout & components
16
- @import "root";
17
- @import "reboot";
18
- @import "type";
19
- @import "images";
20
- @import "containers";
21
- @import "grid";
22
- @import "tables";
23
- @import "forms";
24
- @import "buttons";
25
- @import "transitions";
26
- @import "dropdown";
27
- @import "button-group";
28
- @import "nav";
29
- @import "navbar";
30
- @import "card";
31
- @import "accordion";
32
- @import "breadcrumb";
33
- @import "pagination";
34
- @import "badge";
35
- @import "alert";
36
- @import "progress";
37
- @import "list-group";
38
- @import "close";
39
- @import "toasts";
40
- @import "modal";
41
- @import "tooltip";
42
- @import "popover";
43
- @import "carousel";
44
- @import "spinners";
45
- @import "offcanvas";
46
- @import "placeholders";
47
-
48
- // Helpers
49
- @import "helpers";
50
-
51
- // Utilities
52
- @import "utilities/api";
53
- // 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,63 +1,74 @@
1
- .form-floating {
2
- position: relative;
3
-
4
- > .form-control,
5
- > .form-select {
6
- height: $form-floating-height;
7
- line-height: $form-floating-line-height;
8
- }
9
-
10
- > label {
11
- position: absolute;
12
- top: 0;
13
- left: 0;
14
- height: 100%; // allow textareas
15
- padding: $form-floating-padding-y $form-floating-padding-x;
16
- pointer-events: none;
17
- border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
18
- transform-origin: 0 0;
19
- @include transition($form-floating-transition);
20
- }
21
-
22
- // stylelint-disable no-duplicate-selectors
23
- > .form-control {
24
- padding: $form-floating-padding-y $form-floating-padding-x;
25
-
26
- &::placeholder {
27
- color: transparent;
28
- }
29
-
30
- &:focus,
31
- &:not(:placeholder-shown) {
32
- padding-top: $form-floating-input-padding-t;
33
- padding-bottom: $form-floating-input-padding-b;
34
- }
35
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
36
- &:-webkit-autofill {
37
- padding-top: $form-floating-input-padding-t;
38
- padding-bottom: $form-floating-input-padding-b;
39
- }
40
- }
41
-
42
- > .form-select {
43
- padding-top: $form-floating-input-padding-t;
44
- padding-bottom: $form-floating-input-padding-b;
45
- }
46
-
47
- > .form-control:focus,
48
- > .form-control:not(:placeholder-shown),
49
- > .form-select {
50
- ~ label {
51
- opacity: $form-floating-label-opacity;
52
- transform: $form-floating-label-transform;
53
- }
54
- }
55
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
56
- > .form-control:-webkit-autofill {
57
- ~ label {
58
- opacity: $form-floating-label-opacity;
59
- transform: $form-floating-label-transform;
60
- }
61
- }
62
- // stylelint-enable no-duplicate-selectors
63
- }
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
+ }