bootstrap-scss 5.2.3 → 5.3.1

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 (53) hide show
  1. package/LICENSE +1 -2
  2. package/README.md +4 -4
  3. package/_accordion.scss +9 -0
  4. package/_alert.scss +8 -11
  5. package/_button-group.scss +2 -2
  6. package/_buttons.scss +3 -3
  7. package/_card.scss +5 -0
  8. package/_carousel.scss +20 -2
  9. package/_close.scss +32 -9
  10. package/_dropdown.scss +1 -0
  11. package/_functions.scss +1 -1
  12. package/_grid.scss +6 -0
  13. package/_helpers.scss +2 -0
  14. package/_list-group.scss +12 -7
  15. package/_maps.scss +120 -0
  16. package/_mixins.scss +1 -2
  17. package/_nav.scss +42 -17
  18. package/_navbar.scss +15 -4
  19. package/_offcanvas.scss +4 -2
  20. package/_pagination.scss +1 -1
  21. package/_progress.scss +10 -1
  22. package/_reboot.scss +7 -7
  23. package/_root.scss +121 -10
  24. package/_tables.scss +18 -11
  25. package/_tooltip.scss +4 -5
  26. package/_utilities.scss +172 -13
  27. package/_variables-dark.scss +85 -0
  28. package/_variables.scss +268 -157
  29. package/bootstrap-grid.scss +1 -3
  30. package/bootstrap-reboot.scss +1 -0
  31. package/bootstrap-utilities.scss +1 -0
  32. package/bootstrap.scss +1 -0
  33. package/forms/_floating-labels.scss +23 -3
  34. package/forms/_form-check.scss +25 -12
  35. package/forms/_form-control.scss +24 -4
  36. package/forms/_form-range.scss +3 -3
  37. package/forms/_form-select.scss +12 -3
  38. package/forms/_input-group.scss +1 -1
  39. package/helpers/_color-bg.scss +1 -4
  40. package/helpers/_colored-links.scss +20 -2
  41. package/helpers/_focus-ring.scss +5 -0
  42. package/helpers/_icon-link.scss +25 -0
  43. package/helpers/_vr.scss +1 -1
  44. package/mixins/_alert.scss +4 -1
  45. package/mixins/_banner.scss +2 -4
  46. package/mixins/_caret.scss +30 -25
  47. package/mixins/_color-mode.scss +21 -0
  48. package/mixins/_forms.scss +8 -7
  49. package/mixins/_list-group.scss +2 -0
  50. package/mixins/_utilities.scss +1 -1
  51. package/mixins/_visually-hidden.scss +5 -1
  52. package/package.json +1 -1
  53. package/vendor/_rfs.scss +23 -29
@@ -0,0 +1,85 @@
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
+ // scss-docs-start theme-text-dark-variables
11
+ $primary-text-emphasis-dark: tint-color($primary, 40%) !default;
12
+ $secondary-text-emphasis-dark: tint-color($secondary, 40%) !default;
13
+ $success-text-emphasis-dark: tint-color($success, 40%) !default;
14
+ $info-text-emphasis-dark: tint-color($info, 40%) !default;
15
+ $warning-text-emphasis-dark: tint-color($warning, 40%) !default;
16
+ $danger-text-emphasis-dark: tint-color($danger, 40%) !default;
17
+ $light-text-emphasis-dark: $gray-100 !default;
18
+ $dark-text-emphasis-dark: $gray-300 !default;
19
+ // scss-docs-end theme-text-dark-variables
20
+
21
+ // scss-docs-start theme-bg-subtle-dark-variables
22
+ $primary-bg-subtle-dark: shade-color($primary, 80%) !default;
23
+ $secondary-bg-subtle-dark: shade-color($secondary, 80%) !default;
24
+ $success-bg-subtle-dark: shade-color($success, 80%) !default;
25
+ $info-bg-subtle-dark: shade-color($info, 80%) !default;
26
+ $warning-bg-subtle-dark: shade-color($warning, 80%) !default;
27
+ $danger-bg-subtle-dark: shade-color($danger, 80%) !default;
28
+ $light-bg-subtle-dark: $gray-800 !default;
29
+ $dark-bg-subtle-dark: mix($gray-800, $black) !default;
30
+ // scss-docs-end theme-bg-subtle-dark-variables
31
+
32
+ // scss-docs-start theme-border-subtle-dark-variables
33
+ $primary-border-subtle-dark: shade-color($primary, 40%) !default;
34
+ $secondary-border-subtle-dark: shade-color($secondary, 40%) !default;
35
+ $success-border-subtle-dark: shade-color($success, 40%) !default;
36
+ $info-border-subtle-dark: shade-color($info, 40%) !default;
37
+ $warning-border-subtle-dark: shade-color($warning, 40%) !default;
38
+ $danger-border-subtle-dark: shade-color($danger, 40%) !default;
39
+ $light-border-subtle-dark: $gray-700 !default;
40
+ $dark-border-subtle-dark: $gray-800 !default;
41
+ // scss-docs-end theme-border-subtle-dark-variables
42
+
43
+ $body-color-dark: $gray-300 !default;
44
+ $body-bg-dark: $gray-900 !default;
45
+ $body-secondary-color-dark: rgba($body-color-dark, .75) !default;
46
+ $body-secondary-bg-dark: $gray-800 !default;
47
+ $body-tertiary-color-dark: rgba($body-color-dark, .5) !default;
48
+ $body-tertiary-bg-dark: mix($gray-800, $gray-900, 50%) !default;
49
+ $body-emphasis-color-dark: $white !default;
50
+ $border-color-dark: $gray-700 !default;
51
+ $border-color-translucent-dark: rgba($white, .15) !default;
52
+ $headings-color-dark: inherit !default;
53
+ $link-color-dark: tint-color($primary, 40%) !default;
54
+ $link-hover-color-dark: shift-color($link-color-dark, -$link-shade-percentage) !default;
55
+ $code-color-dark: tint-color($code-color, 40%) !default;
56
+
57
+
58
+ //
59
+ // Forms
60
+ //
61
+
62
+ $form-select-indicator-color-dark: $body-color-dark !default;
63
+ $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;
64
+
65
+ $form-switch-color-dark: rgba($white, .25) !default;
66
+ $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;
67
+
68
+ // scss-docs-start form-validation-colors-dark
69
+ $form-valid-color-dark: $green-300 !default;
70
+ $form-valid-border-color-dark: $green-300 !default;
71
+ $form-invalid-color-dark: $red-300 !default;
72
+ $form-invalid-border-color-dark: $red-300 !default;
73
+ // scss-docs-end form-validation-colors-dark
74
+
75
+
76
+ //
77
+ // Accordion
78
+ //
79
+
80
+ $accordion-icon-color-dark: $primary-text-emphasis-dark !default;
81
+ $accordion-icon-active-color-dark: $primary-text-emphasis-dark !default;
82
+
83
+ $accordion-button-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color-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;
84
+ $accordion-button-active-icon-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color-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;
85
+ // scss-docs-end sass-dark-mode-vars