jekyll-theme-centos 2.3.0.beta.90 → 2.3.0.beta.91

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. checksums.yaml +4 -4
  2. data/_data/{centos → base}/footer.yml +1 -1
  3. data/_data/{centos → base}/identity.yml +1 -1
  4. data/_data/{centos → base}/navbar.yml +4 -1
  5. data/_data/base/navbar_absolute.yml +74 -0
  6. data/_data/base/navbar_component.yml +60 -0
  7. data/_includes/{announcement.html → base/announcements.html} +1 -1
  8. data/_includes/base/breadcrumbs.html +13 -0
  9. data/_includes/base/footer.html +61 -0
  10. data/_includes/{header.html → base/header.html} +1 -1
  11. data/_includes/base/navbar.html +32 -0
  12. data/_includes/{toc-accordion.html → base/toc-accordion.html} +1 -1
  13. data/_includes/{toc.html → base/toc.html} +0 -0
  14. data/_layouts/{default.html → base/default.html} +12 -9
  15. data/_sass/{centos/sites/_lists.scss → base/_centos-lists.scss} +0 -0
  16. data/_sass/{centos/_adjustments.scss → base/_centos.scss} +8 -0
  17. data/_sass/{centos → base}/_variables.scss +2 -0
  18. data/_sass/bootstrap/_accordion.scss +9 -0
  19. data/_sass/bootstrap/_alert.scss +8 -11
  20. data/_sass/bootstrap/_button-group.scss +2 -2
  21. data/_sass/bootstrap/_buttons.scss +3 -3
  22. data/_sass/bootstrap/_card.scss +5 -0
  23. data/_sass/bootstrap/_carousel.scss +20 -2
  24. data/_sass/bootstrap/_close.scss +32 -9
  25. data/_sass/bootstrap/_dropdown.scss +1 -0
  26. data/_sass/bootstrap/_functions.scss +1 -1
  27. data/_sass/bootstrap/_grid.scss +6 -0
  28. data/_sass/bootstrap/_helpers.scss +2 -0
  29. data/_sass/bootstrap/_list-group.scss +12 -7
  30. data/_sass/bootstrap/_maps.scss +120 -0
  31. data/_sass/bootstrap/_mixins.scss +1 -2
  32. data/_sass/bootstrap/_nav.scss +40 -3
  33. data/_sass/bootstrap/_navbar.scss +15 -4
  34. data/_sass/bootstrap/_offcanvas.scss +4 -2
  35. data/_sass/bootstrap/_pagination.scss +1 -1
  36. data/_sass/bootstrap/_progress.scss +10 -1
  37. data/_sass/bootstrap/_reboot.scss +3 -3
  38. data/_sass/bootstrap/_root.scss +121 -10
  39. data/_sass/bootstrap/_tables.scss +18 -11
  40. data/_sass/bootstrap/_tooltip.scss +4 -5
  41. data/_sass/bootstrap/_utilities.scss +172 -13
  42. data/_sass/bootstrap/_variables-dark.scss +85 -0
  43. data/_sass/bootstrap/_variables.scss +262 -153
  44. data/_sass/bootstrap/bootstrap-grid.scss +1 -3
  45. data/_sass/bootstrap/bootstrap-reboot.scss +1 -0
  46. data/_sass/bootstrap/bootstrap-utilities.scss +1 -0
  47. data/_sass/bootstrap/bootstrap.scss +1 -0
  48. data/_sass/bootstrap/forms/_floating-labels.scss +22 -3
  49. data/_sass/bootstrap/forms/_form-check.scss +24 -11
  50. data/_sass/bootstrap/forms/_form-control.scss +23 -3
  51. data/_sass/bootstrap/forms/_form-select.scss +11 -2
  52. data/_sass/bootstrap/forms/_input-group.scss +1 -1
  53. data/_sass/bootstrap/helpers/_color-bg.scss +0 -2
  54. data/_sass/bootstrap/helpers/_colored-links.scss +20 -2
  55. data/_sass/bootstrap/helpers/_focus-ring.scss +5 -0
  56. data/_sass/bootstrap/helpers/_icon-link.scss +25 -0
  57. data/_sass/bootstrap/mixins/_alert.scss +4 -1
  58. data/_sass/bootstrap/mixins/_banner.scss +2 -4
  59. data/_sass/bootstrap/mixins/_caret.scss +30 -25
  60. data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
  61. data/_sass/bootstrap/mixins/_forms.scss +8 -7
  62. data/_sass/bootstrap/mixins/_list-group.scss +2 -0
  63. data/_sass/bootstrap/mixins/_utilities.scss +1 -1
  64. data/_sass/bootstrap/mixins/_visually-hidden.scss +5 -1
  65. data/_sass/bootstrap/vendor/_rfs.scss +23 -29
  66. data/assets/css/stylesheet.min.scss +2 -3
  67. data/assets/img/anaconda-symbolic.svg +0 -0
  68. data/assets/img/anaconda.svg +0 -0
  69. data/assets/img/centos-dynamicmsg-logo.svg +0 -0
  70. data/assets/img/centos-dynamicmsg-type.svg +0 -0
  71. data/assets/img/centos-dynamicmsg-whitelogo.svg +0 -0
  72. data/assets/img/centos-dynamicmsg-whitetype.svg +0 -0
  73. data/assets/img/centos-gdm-whitelogo.svg +0 -0
  74. data/assets/img/centos-ipa-whiteheader.svg +0 -0
  75. data/assets/img/centos-logo-2bits.svg +0 -0
  76. data/assets/img/centos-logo.svg +0 -0
  77. data/assets/img/centos-message-logo.svg +0 -0
  78. data/assets/img/centos-motif.png +0 -0
  79. data/assets/img/centos-poweredby-logo.svg +0 -0
  80. data/assets/img/centos-symbol-2bits.svg +0 -0
  81. data/assets/img/centos-symbol.svg +0 -0
  82. data/assets/img/centos-type.svg +0 -0
  83. data/assets/img/centos-vertical-logo.svg +0 -0
  84. data/assets/img/centos-vertical-message-logo.svg +0 -0
  85. data/assets/img/centos-whitelogo.svg +0 -0
  86. data/assets/img/icons/android-chrome-192.png +0 -0
  87. data/assets/img/icons/android-chrome-512.png +0 -0
  88. data/assets/img/icons/apple-touch-icon.png +0 -0
  89. data/assets/img/icons/favicon-16-0.png +0 -0
  90. data/assets/img/icons/favicon-16-1.png +0 -0
  91. data/assets/img/icons/favicon-32.png +0 -0
  92. data/assets/js/bootstrap.bundle.js +713 -1482
  93. data/assets/js/bootstrap.bundle.js.map +1 -1
  94. data/assets/js/bootstrap.bundle.min.js +3 -3
  95. data/assets/js/bootstrap.bundle.min.js.map +1 -1
  96. data/assets/js/bootstrap.esm.js +660 -1423
  97. data/assets/js/bootstrap.esm.js.map +1 -1
  98. data/assets/js/bootstrap.esm.min.js +3 -3
  99. data/assets/js/bootstrap.esm.min.js.map +1 -1
  100. data/assets/js/bootstrap.js +678 -1441
  101. data/assets/js/bootstrap.js.map +1 -1
  102. data/assets/js/bootstrap.min.js +3 -3
  103. data/assets/js/bootstrap.min.js.map +1 -1
  104. data/assets/js/jquery.min.js +2 -2
  105. data/assets/js/jquery.slim.min.js +2 -2
  106. metadata +32 -50
  107. data/_data/aws-images.csv +0 -81
  108. data/_data/full-altarchlist.csv +0 -74
  109. data/_data/full-mirrorlist.csv +0 -609
  110. data/_includes/breadcrumbs.html +0 -13
  111. data/_includes/download/cards-body-convert.html +0 -10
  112. data/_includes/download/cards-body-doc.html +0 -9
  113. data/_includes/download/cards-body-eol.html +0 -16
  114. data/_includes/download/cards-body-screenshot.html +0 -3
  115. data/_includes/download/cards-body.html +0 -8
  116. data/_includes/download/cards-footer.html +0 -3
  117. data/_includes/download/cards-header-convert.html +0 -8
  118. data/_includes/download/cards-header-doc.html +0 -8
  119. data/_includes/download/cards-header-eol.html +0 -8
  120. data/_includes/download/cards-header-screenshot.html +0 -8
  121. data/_includes/download/cards-header.html +0 -13
  122. data/_includes/download/cards.html +0 -58
  123. data/_includes/editbar.html +0 -6
  124. data/_includes/footer.html +0 -44
  125. data/_includes/navbar.html +0 -28
  126. data/assets/css/stylesheet.lists.min.scss +0 -8
  127. data/assets/icons/android-chrome-192.png +0 -0
  128. data/assets/icons/android-chrome-512.png +0 -0
  129. data/assets/icons/apple-touch-icon.png +0 -0
  130. data/assets/icons/favicon-16.png +0 -0
  131. data/assets/icons/favicon-32.png +0 -0
  132. data/assets/icons/favicon.svg +0 -1
  133. data/assets/img/distributions/centos-linux/7/screenshot-n.png +0 -0
  134. data/assets/img/distributions/centos-linux/8/screenshot-n.png +0 -0
  135. data/assets/img/distributions/centos-stream/8/screenshot-n.png +0 -0
  136. data/assets/img/distributions/centos-stream/9/screenshot-n.png +0 -0
  137. data/assets/img/distributions/name/release/screenshot-n.png +0 -0
  138. data/assets/img/distributions/name/release/screenshot-n.svg +0 -128
  139. data/assets/img/people/username.png +0 -0
  140. /data/_includes/{head.html → base/head.html} +0 -0
  141. /data/_includes/{script.html → base/script.html} +0 -0
@@ -5,9 +5,9 @@ $include-column-box-sizing: true !default;
5
5
 
6
6
  @import "functions";
7
7
  @import "variables";
8
+ @import "variables-dark";
8
9
  @import "maps";
9
10
 
10
- @import "mixins/lists";
11
11
  @import "mixins/breakpoints";
12
12
  @import "mixins/container";
13
13
  @import "mixins/grid";
@@ -15,8 +15,6 @@ $include-column-box-sizing: true !default;
15
15
 
16
16
  @import "vendor/rfs";
17
17
 
18
- @import "root";
19
-
20
18
  @import "containers";
21
19
  @import "grid";
22
20
 
@@ -3,6 +3,7 @@
3
3
 
4
4
  @import "functions";
5
5
  @import "variables";
6
+ @import "variables-dark";
6
7
  @import "maps";
7
8
  @import "mixins";
8
9
  @import "root";
@@ -4,6 +4,7 @@
4
4
  // Configuration
5
5
  @import "functions";
6
6
  @import "variables";
7
+ @import "variables-dark";
7
8
  @import "maps";
8
9
  @import "mixins";
9
10
  @import "utilities";
@@ -6,6 +6,7 @@
6
6
  // Configuration
7
7
  @import "functions";
8
8
  @import "variables";
9
+ @import "variables-dark";
9
10
  @import "maps";
10
11
  @import "mixins";
11
12
  @import "utilities";
@@ -5,6 +5,7 @@
5
5
  > .form-control-plaintext,
6
6
  > .form-select {
7
7
  height: $form-floating-height;
8
+ min-height: $form-floating-height;
8
9
  line-height: $form-floating-line-height;
9
10
  }
10
11
 
@@ -12,7 +13,7 @@
12
13
  position: absolute;
13
14
  top: 0;
14
15
  left: 0;
15
- width: 100%;
16
+ z-index: 2;
16
17
  height: 100%; // allow textareas
17
18
  padding: $form-floating-padding-y $form-floating-padding-x;
18
19
  overflow: hidden;
@@ -55,14 +56,24 @@
55
56
  > .form-control-plaintext,
56
57
  > .form-select {
57
58
  ~ label {
58
- opacity: $form-floating-label-opacity;
59
+ color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
59
60
  transform: $form-floating-label-transform;
61
+
62
+ &::after {
63
+ position: absolute;
64
+ inset: $form-floating-padding-y ($form-floating-padding-x * .5);
65
+ z-index: -1;
66
+ height: $form-floating-label-height;
67
+ content: "";
68
+ background-color: $input-bg;
69
+ @include border-radius($input-border-radius);
70
+ }
60
71
  }
61
72
  }
62
73
  // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
63
74
  > .form-control:-webkit-autofill {
64
75
  ~ label {
65
- opacity: $form-floating-label-opacity;
76
+ color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
66
77
  transform: $form-floating-label-transform;
67
78
  }
68
79
  }
@@ -72,4 +83,12 @@
72
83
  border-width: $input-border-width 0; // Required to properly position label text - as explained above
73
84
  }
74
85
  }
86
+
87
+ > :disabled ~ label {
88
+ color: $form-floating-label-disabled-color;
89
+
90
+ &::after {
91
+ background-color: $input-disabled-bg;
92
+ }
93
+ }
75
94
  }
@@ -27,11 +27,14 @@
27
27
  }
28
28
 
29
29
  .form-check-input {
30
+ --#{$prefix}form-check-bg: #{$form-check-input-bg};
31
+
30
32
  width: $form-check-input-width;
31
33
  height: $form-check-input-width;
32
34
  margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
33
35
  vertical-align: top;
34
- background-color: $form-check-input-bg;
36
+ background-color: var(--#{$prefix}form-check-bg);
37
+ background-image: var(--#{$prefix}form-check-bg-image);
35
38
  background-repeat: no-repeat;
36
39
  background-position: center;
37
40
  background-size: contain;
@@ -65,17 +68,17 @@
65
68
 
66
69
  &[type="checkbox"] {
67
70
  @if $enable-gradients {
68
- background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$prefix}gradient);
71
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)}, var(--#{$prefix}gradient);
69
72
  } @else {
70
- background-image: escape-svg($form-check-input-checked-bg-image);
73
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)};
71
74
  }
72
75
  }
73
76
 
74
77
  &[type="radio"] {
75
78
  @if $enable-gradients {
76
- background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$prefix}gradient);
79
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)}, var(--#{$prefix}gradient);
77
80
  } @else {
78
- background-image: escape-svg($form-check-radio-checked-bg-image);
81
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)};
79
82
  }
80
83
  }
81
84
  }
@@ -85,9 +88,9 @@
85
88
  border-color: $form-check-input-indeterminate-border-color;
86
89
 
87
90
  @if $enable-gradients {
88
- background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$prefix}gradient);
91
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)}, var(--#{$prefix}gradient);
89
92
  } @else {
90
- background-image: escape-svg($form-check-input-indeterminate-bg-image);
93
+ --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)};
91
94
  }
92
95
  }
93
96
 
@@ -121,24 +124,26 @@
121
124
  padding-left: $form-switch-padding-start;
122
125
 
123
126
  .form-check-input {
127
+ --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image)};
128
+
124
129
  width: $form-switch-width;
125
130
  margin-left: $form-switch-padding-start * -1;
126
- background-image: escape-svg($form-switch-bg-image);
131
+ background-image: var(--#{$prefix}form-switch-bg);
127
132
  background-position: left center;
128
133
  @include border-radius($form-switch-border-radius);
129
134
  @include transition($form-switch-transition);
130
135
 
131
136
  &:focus {
132
- background-image: escape-svg($form-switch-focus-bg-image);
137
+ --#{$prefix}form-switch-bg: #{escape-svg($form-switch-focus-bg-image)};
133
138
  }
134
139
 
135
140
  &:checked {
136
141
  background-position: $form-switch-checked-bg-position;
137
142
 
138
143
  @if $enable-gradients {
139
- background-image: escape-svg($form-switch-checked-bg-image), var(--#{$prefix}gradient);
144
+ --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)}, var(--#{$prefix}gradient);
140
145
  } @else {
141
- background-image: escape-svg($form-switch-checked-bg-image);
146
+ --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)};
142
147
  }
143
148
  }
144
149
  }
@@ -173,3 +178,11 @@
173
178
  }
174
179
  }
175
180
  }
181
+
182
+ @if $enable-dark-mode {
183
+ @include color-mode(dark) {
184
+ .form-switch .form-check-input:not(:checked):not(:focus) {
185
+ --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image-dark)};
186
+ }
187
+ }
188
+ }
@@ -44,12 +44,31 @@
44
44
  }
45
45
  }
46
46
 
47
- // Add some height to date inputs on iOS
48
- // https://github.com/twbs/bootstrap/issues/23307
49
- // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
50
47
  &::-webkit-date-and-time-value {
48
+ // On Android Chrome, form-control's "width: 100%" makes the input width too small
49
+ // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109
50
+ //
51
+ // On iOS Safari, form-control's "appearance: none" + "width: 100%" makes the input width too small
52
+ // Tested under iOS 16.2 / Safari 16.2
53
+ min-width: 85px; // Seems to be a good minimum safe width
54
+
55
+ // Add some height to date inputs on iOS
56
+ // https://github.com/twbs/bootstrap/issues/23307
57
+ // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
51
58
  // Multiply line-height by 1em if it has no unit
52
59
  height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
60
+
61
+ // Android Chrome type="date" is taller than the other inputs
62
+ // because of "margin: 1px 24px 1px 4px" inside the shadow DOM
63
+ // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109
64
+ margin: 0;
65
+ }
66
+
67
+ // Prevent excessive date input height in Webkit
68
+ // https://github.com/twbs/bootstrap/issues/34433
69
+ &::-webkit-datetime-edit {
70
+ display: block;
71
+ padding: 0;
53
72
  }
54
73
 
55
74
  // Placeholder
@@ -186,6 +205,7 @@ textarea {
186
205
  }
187
206
 
188
207
  &::-webkit-color-swatch {
208
+ border: 0 !important; // stylelint-disable-line declaration-no-important
189
209
  @include border-radius($input-border-radius);
190
210
  }
191
211
 
@@ -4,17 +4,18 @@
4
4
  // https://primer.github.io/.
5
5
 
6
6
  .form-select {
7
+ --#{$prefix}form-select-bg-img: #{escape-svg($form-select-indicator)};
8
+
7
9
  display: block;
8
10
  width: 100%;
9
11
  padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
10
- -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
11
12
  font-family: $form-select-font-family;
12
13
  @include font-size($form-select-font-size);
13
14
  font-weight: $form-select-font-weight;
14
15
  line-height: $form-select-line-height;
15
16
  color: $form-select-color;
16
17
  background-color: $form-select-bg;
17
- background-image: escape-svg($form-select-indicator);
18
+ background-image: var(--#{$prefix}form-select-bg-img), var(--#{$prefix}form-select-bg-icon, none);
18
19
  background-repeat: no-repeat;
19
20
  background-position: $form-select-bg-position;
20
21
  background-size: $form-select-bg-size;
@@ -69,3 +70,11 @@
69
70
  @include font-size($form-select-font-size-lg);
70
71
  @include border-radius($form-select-border-radius-lg);
71
72
  }
73
+
74
+ @if $enable-dark-mode {
75
+ @include color-mode(dark) {
76
+ .form-select {
77
+ --#{$prefix}form-select-bg-img: #{escape-svg($form-select-indicator-dark)};
78
+ }
79
+ }
80
+ }
@@ -121,7 +121,7 @@
121
121
  }
122
122
 
123
123
  > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
124
- margin-left: -$input-border-width;
124
+ margin-left: calc(#{$input-border-width} * -1); // stylelint-disable-line function-disallowed-list
125
125
  @include border-start-radius(0);
126
126
  }
127
127
 
@@ -1,5 +1,3 @@
1
- // stylelint-disable function-name-case
2
-
3
1
  // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
4
2
  @each $color, $value in $theme-colors {
5
3
  $color-rgb: to-rgb($value);
@@ -1,12 +1,30 @@
1
+ // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
1
2
  @each $color, $value in $theme-colors {
2
3
  .link-#{$color} {
3
- color: $value !important; // stylelint-disable-line declaration-no-important
4
+ color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null);
5
+ text-decoration-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null);
4
6
 
5
7
  @if $link-shade-percentage != 0 {
6
8
  &:hover,
7
9
  &:focus {
8
- color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important
10
+ $hover-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
11
+ color: RGBA(#{to-rgb($hover-color)}, var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null);
12
+ text-decoration-color: RGBA(to-rgb($hover-color), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null);
9
13
  }
10
14
  }
11
15
  }
12
16
  }
17
+
18
+ // One-off special link helper as a bridge until v6
19
+ .link-body-emphasis {
20
+ color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null);
21
+ text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null);
22
+
23
+ @if $link-shade-percentage != 0 {
24
+ &:hover,
25
+ &:focus {
26
+ color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, .75)) if($enable-important-utilities, !important, null);
27
+ text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, .75)) if($enable-important-utilities, !important, null);
28
+ }
29
+ }
30
+ }
@@ -0,0 +1,5 @@
1
+ .focus-ring:focus {
2
+ outline: 0;
3
+ // By default, there is no `--bs-focus-ring-x`, `--bs-focus-ring-y`, or `--bs-focus-ring-blur`, but we provide CSS variables with fallbacks to initial `0` values
4
+ box-shadow: var(--#{$prefix}focus-ring-x, 0) var(--#{$prefix}focus-ring-y, 0) var(--#{$prefix}focus-ring-blur, 0) var(--#{$prefix}focus-ring-width) var(--#{$prefix}focus-ring-color);
5
+ }
@@ -0,0 +1,25 @@
1
+ .icon-link {
2
+ display: inline-flex;
3
+ gap: $icon-link-gap;
4
+ align-items: center;
5
+ text-decoration-color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, .5));
6
+ text-underline-offset: $icon-link-underline-offset;
7
+ backface-visibility: hidden;
8
+
9
+ > .bi {
10
+ flex-shrink: 0;
11
+ width: $icon-link-icon-size;
12
+ height: $icon-link-icon-size;
13
+ fill: currentcolor;
14
+ @include transition($icon-link-icon-transition);
15
+ }
16
+ }
17
+
18
+ .icon-link-hover {
19
+ &:hover,
20
+ &:focus-visible {
21
+ > .bi {
22
+ transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform);
23
+ }
24
+ }
25
+ }
@@ -1,15 +1,18 @@
1
+ @include deprecate("`alert-variant()`", "v5.3.0", "v6.0.0");
2
+
1
3
  // scss-docs-start alert-variant-mixin
2
4
  @mixin alert-variant($background, $border, $color) {
3
5
  --#{$prefix}alert-color: #{$color};
4
6
  --#{$prefix}alert-bg: #{$background};
5
7
  --#{$prefix}alert-border-color: #{$border};
8
+ --#{$prefix}alert-link-color: #{shade-color($color, 20%)};
6
9
 
7
10
  @if $enable-gradients {
8
11
  background-image: var(--#{$prefix}gradient);
9
12
  }
10
13
 
11
14
  .alert-link {
12
- color: shade-color($color, 20%);
15
+ color: var(--#{$prefix}alert-link-color);
13
16
  }
14
17
  }
15
18
  // scss-docs-end alert-variant-mixin
@@ -1,9 +1,7 @@
1
1
  @mixin bsBanner($file) {
2
2
  /*!
3
- * Bootstrap #{$file} v5.2.3 (https://getbootstrap.com/)
4
- * Copyright 2011-2022 The Bootstrap Authors
5
- * Copyright 2011-2022 Twitter, Inc.
3
+ * Bootstrap #{$file} v5.3.0 (https://getbootstrap.com/)
4
+ * Copyright 2011-2023 The Bootstrap Authors
6
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7
6
  */
8
7
  }
9
-
@@ -1,44 +1,49 @@
1
1
  // scss-docs-start caret-mixins
2
- @mixin caret-down {
3
- border-top: $caret-width solid;
4
- border-right: $caret-width solid transparent;
2
+ @mixin caret-down($width: $caret-width) {
3
+ border-top: $width solid;
4
+ border-right: $width solid transparent;
5
5
  border-bottom: 0;
6
- border-left: $caret-width solid transparent;
6
+ border-left: $width solid transparent;
7
7
  }
8
8
 
9
- @mixin caret-up {
9
+ @mixin caret-up($width: $caret-width) {
10
10
  border-top: 0;
11
- border-right: $caret-width solid transparent;
12
- border-bottom: $caret-width solid;
13
- border-left: $caret-width solid transparent;
11
+ border-right: $width solid transparent;
12
+ border-bottom: $width solid;
13
+ border-left: $width solid transparent;
14
14
  }
15
15
 
16
- @mixin caret-end {
17
- border-top: $caret-width solid transparent;
16
+ @mixin caret-end($width: $caret-width) {
17
+ border-top: $width solid transparent;
18
18
  border-right: 0;
19
- border-bottom: $caret-width solid transparent;
20
- border-left: $caret-width solid;
19
+ border-bottom: $width solid transparent;
20
+ border-left: $width solid;
21
21
  }
22
22
 
23
- @mixin caret-start {
24
- border-top: $caret-width solid transparent;
25
- border-right: $caret-width solid;
26
- border-bottom: $caret-width solid transparent;
23
+ @mixin caret-start($width: $caret-width) {
24
+ border-top: $width solid transparent;
25
+ border-right: $width solid;
26
+ border-bottom: $width solid transparent;
27
27
  }
28
28
 
29
- @mixin caret($direction: down) {
29
+ @mixin caret(
30
+ $direction: down,
31
+ $width: $caret-width,
32
+ $spacing: $caret-spacing,
33
+ $vertical-align: $caret-vertical-align
34
+ ) {
30
35
  @if $enable-caret {
31
36
  &::after {
32
37
  display: inline-block;
33
- margin-left: $caret-spacing;
34
- vertical-align: $caret-vertical-align;
38
+ margin-left: $spacing;
39
+ vertical-align: $vertical-align;
35
40
  content: "";
36
41
  @if $direction == down {
37
- @include caret-down();
42
+ @include caret-down($width);
38
43
  } @else if $direction == up {
39
- @include caret-up();
44
+ @include caret-up($width);
40
45
  } @else if $direction == end {
41
- @include caret-end();
46
+ @include caret-end($width);
42
47
  }
43
48
  }
44
49
 
@@ -49,10 +54,10 @@
49
54
 
50
55
  &::before {
51
56
  display: inline-block;
52
- margin-right: $caret-spacing;
53
- vertical-align: $caret-vertical-align;
57
+ margin-right: $spacing;
58
+ vertical-align: $vertical-align;
54
59
  content: "";
55
- @include caret-start();
60
+ @include caret-start($width);
56
61
  }
57
62
  }
58
63
 
@@ -0,0 +1,21 @@
1
+ // scss-docs-start color-mode-mixin
2
+ @mixin color-mode($mode: light, $root: false) {
3
+ @if $color-mode-type == "media-query" {
4
+ @if $root == true {
5
+ @media (prefers-color-scheme: $mode) {
6
+ :root {
7
+ @content;
8
+ }
9
+ }
10
+ } @else {
11
+ @media (prefers-color-scheme: $mode) {
12
+ @content;
13
+ }
14
+ }
15
+ } @else {
16
+ [data-bs-theme="#{$mode}"] {
17
+ @content;
18
+ }
19
+ }
20
+ }
21
+ // scss-docs-end color-mode-mixin
@@ -21,7 +21,8 @@
21
21
  $icon,
22
22
  $tooltip-color: color-contrast($color),
23
23
  $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
24
- $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
24
+ $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity),
25
+ $border-color: $color
25
26
  ) {
26
27
  .#{$state}-feedback {
27
28
  display: none;
@@ -56,7 +57,7 @@
56
57
 
57
58
  .form-control {
58
59
  @include form-validation-state-selector($state) {
59
- border-color: $color;
60
+ border-color: $border-color;
60
61
 
61
62
  @if $enable-validation-icons {
62
63
  padding-right: $input-height-inner;
@@ -67,7 +68,7 @@
67
68
  }
68
69
 
69
70
  &:focus {
70
- border-color: $color;
71
+ border-color: $border-color;
71
72
  box-shadow: $focus-box-shadow;
72
73
  }
73
74
  }
@@ -85,20 +86,20 @@
85
86
 
86
87
  .form-select {
87
88
  @include form-validation-state-selector($state) {
88
- border-color: $color;
89
+ border-color: $border-color;
89
90
 
90
91
  @if $enable-validation-icons {
91
92
  &:not([multiple]):not([size]),
92
93
  &:not([multiple])[size="1"] {
94
+ --#{$prefix}form-select-bg-icon: #{escape-svg($icon)};
93
95
  padding-right: $form-select-feedback-icon-padding-end;
94
- background-image: escape-svg($form-select-indicator), escape-svg($icon);
95
96
  background-position: $form-select-bg-position, $form-select-feedback-icon-position;
96
97
  background-size: $form-select-bg-size, $form-select-feedback-icon-size;
97
98
  }
98
99
  }
99
100
 
100
101
  &:focus {
101
- border-color: $color;
102
+ border-color: $border-color;
102
103
  box-shadow: $focus-box-shadow;
103
104
  }
104
105
  }
@@ -114,7 +115,7 @@
114
115
 
115
116
  .form-check-input {
116
117
  @include form-validation-state-selector($state) {
117
- border-color: $color;
118
+ border-color: $border-color;
118
119
 
119
120
  &:checked {
120
121
  background-color: $color;
@@ -1,3 +1,5 @@
1
+ @include deprecate("`list-group-item-variant()`", "v5.3.0", "v6.0.0");
2
+
1
3
  // List Groups
2
4
 
3
5
  // scss-docs-start list-group-mixin
@@ -1,6 +1,6 @@
1
1
  // Utility generator
2
2
  // Used to generate utilities & print utilities
3
- @mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {
3
+ @mixin generate-utility($utility, $infix: "", $is-rfs-media-query: false) {
4
4
  $values: map-get($utility, values);
5
5
 
6
6
  // If the values are a list or string, convert it into a map
@@ -6,7 +6,6 @@
6
6
  // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
7
7
 
8
8
  @mixin visually-hidden() {
9
- position: absolute !important;
10
9
  width: 1px !important;
11
10
  height: 1px !important;
12
11
  padding: 0 !important;
@@ -15,6 +14,11 @@
15
14
  clip: rect(0, 0, 0, 0) !important;
16
15
  white-space: nowrap !important;
17
16
  border: 0 !important;
17
+
18
+ // Fix for positioned table caption that could become anonymous cells
19
+ &:not(caption) {
20
+ position: absolute !important;
21
+ }
18
22
  }
19
23
 
20
24
  // Use to only display content when it's focused, or one of its child elements is focused