bootstrap-scss 5.1.1 → 5.2.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }