jekyll-theme-centos 2.2.21 → 2.3.0.beta.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 (301) hide show
  1. checksums.yaml +4 -4
  2. data/_data/aws-images.csv +81 -0
  3. data/_data/full-altarchlist.csv +74 -0
  4. data/_data/full-mirrorlist.csv +609 -0
  5. data/_includes/blog/header.html +22 -0
  6. data/_includes/breadcrumbs.html +13 -0
  7. data/_includes/default/alert-danger.html +4 -0
  8. data/_includes/default/alert-info.html +4 -0
  9. data/_includes/default/alert-success.html +4 -0
  10. data/_includes/default/alert-warning.html +4 -0
  11. data/_includes/default/figure.html +3 -0
  12. data/_includes/default/header.html +10 -0
  13. data/_includes/default/video.html +3 -0
  14. data/_includes/download/cards-body-convert.html +8 -6
  15. data/_includes/download/cards-body-doc.html +4 -7
  16. data/_includes/download/cards-body-eol.html +4 -13
  17. data/_includes/download/cards-body.html +5 -6
  18. data/_includes/download/cards-footer.html +0 -0
  19. data/_includes/download/cards-header-convert.html +8 -7
  20. data/_includes/download/cards-header-doc.html +8 -7
  21. data/_includes/download/cards-header-eol.html +8 -7
  22. data/_includes/download/cards-header.html +10 -12
  23. data/_includes/download/cards.html +58 -53
  24. data/_includes/editbar.html +43 -0
  25. data/_includes/footer.html +36 -0
  26. data/_includes/head-datatables.html +8 -0
  27. data/_includes/head.html +7 -0
  28. data/_includes/header.html +7 -0
  29. data/_includes/home/header.html +1 -1
  30. data/_includes/home/planet.html +6 -3
  31. data/_includes/navbar.html +28 -0
  32. data/_includes/people/about.html +10 -10
  33. data/_includes/people/header.html +2 -2
  34. data/_includes/people/posts.html +13 -10
  35. data/_includes/people/projects.html +17 -21
  36. data/_includes/people/pubkeys.html +7 -9
  37. data/_includes/people/support.html +9 -9
  38. data/_includes/post/header.html +23 -0
  39. data/_includes/search.html +81 -0
  40. data/_includes/{base/toc-accordion.html → toc-accordion.html} +4 -4
  41. data/_includes/{base/toc.html → toc.html} +0 -0
  42. data/_includes/top.html +3 -0
  43. data/_layouts/default-datatables.html +35 -0
  44. data/_layouts/default.html +34 -0
  45. data/_layouts/home.html +11 -9
  46. data/_layouts/people.html +59 -0
  47. data/_sass/bootstrap/_accordion.scss +0 -9
  48. data/_sass/bootstrap/_alert.scss +11 -8
  49. data/_sass/bootstrap/_button-group.scss +2 -2
  50. data/_sass/bootstrap/_buttons.scss +3 -3
  51. data/_sass/bootstrap/_card.scss +0 -5
  52. data/_sass/bootstrap/_carousel.scss +2 -20
  53. data/_sass/bootstrap/_close.scss +9 -32
  54. data/_sass/bootstrap/_dropdown.scss +0 -1
  55. data/_sass/bootstrap/_functions.scss +1 -1
  56. data/_sass/bootstrap/_grid.scss +0 -6
  57. data/_sass/bootstrap/_helpers.scss +0 -2
  58. data/_sass/bootstrap/_list-group.scss +7 -12
  59. data/_sass/bootstrap/_maps.scss +0 -120
  60. data/_sass/bootstrap/_mixins.scss +2 -1
  61. data/_sass/bootstrap/_nav.scss +3 -40
  62. data/_sass/bootstrap/_navbar.scss +4 -15
  63. data/_sass/bootstrap/_offcanvas.scss +2 -4
  64. data/_sass/bootstrap/_pagination.scss +1 -1
  65. data/_sass/bootstrap/_progress.scss +1 -10
  66. data/_sass/bootstrap/_reboot.scss +3 -3
  67. data/_sass/bootstrap/_root.scss +10 -121
  68. data/_sass/bootstrap/_tables.scss +11 -18
  69. data/_sass/bootstrap/_tooltip.scss +5 -4
  70. data/_sass/bootstrap/_utilities.scss +13 -172
  71. data/_sass/bootstrap/_variables.scss +153 -262
  72. data/_sass/bootstrap/bootstrap-grid.scss +3 -1
  73. data/_sass/bootstrap/bootstrap-reboot.scss +0 -1
  74. data/_sass/bootstrap/bootstrap-utilities.scss +0 -1
  75. data/_sass/bootstrap/bootstrap.scss +0 -1
  76. data/_sass/bootstrap/forms/_floating-labels.scss +3 -22
  77. data/_sass/bootstrap/forms/_form-check.scss +11 -24
  78. data/_sass/bootstrap/forms/_form-control.scss +3 -23
  79. data/_sass/bootstrap/forms/_form-select.scss +2 -11
  80. data/_sass/bootstrap/forms/_input-group.scss +1 -1
  81. data/_sass/bootstrap/helpers/_color-bg.scss +2 -0
  82. data/_sass/bootstrap/helpers/_colored-links.scss +2 -20
  83. data/_sass/bootstrap/mixins/_alert.scss +1 -4
  84. data/_sass/bootstrap/mixins/_banner.scss +4 -2
  85. data/_sass/bootstrap/mixins/_caret.scss +25 -30
  86. data/_sass/bootstrap/mixins/_forms.scss +7 -8
  87. data/_sass/bootstrap/mixins/_list-group.scss +0 -2
  88. data/_sass/bootstrap/mixins/_utilities.scss +1 -1
  89. data/_sass/bootstrap/mixins/_visually-hidden.scss +1 -5
  90. data/_sass/bootstrap/vendor/_rfs.scss +29 -23
  91. data/_sass/centos/_headings.scss +17 -0
  92. data/_sass/centos/_links.scss +11 -0
  93. data/_sass/centos/_sponsors.scss +112 -0
  94. data/_sass/centos/_variables.scss +23 -0
  95. data/_sass/centos/sites/lists/mmcfg.scss +9 -0
  96. data/_sass/fontawesome-free/_animated.scss +153 -0
  97. data/_sass/fontawesome-free/_bordered-pulled.scss +20 -0
  98. data/_sass/fontawesome-free/_core.scss +43 -0
  99. data/_sass/fontawesome-free/_fixed-width.scss +7 -0
  100. data/_sass/fontawesome-free/_functions.scss +57 -0
  101. data/_sass/fontawesome-free/_icons.scss +9 -0
  102. data/_sass/fontawesome-free/_list.scss +18 -0
  103. data/_sass/fontawesome-free/_mixins.scss +75 -0
  104. data/_sass/fontawesome-free/_rotated-flipped.scss +31 -0
  105. data/_sass/fontawesome-free/_screen-reader.scss +14 -0
  106. data/_sass/fontawesome-free/_shims.scss +2042 -0
  107. data/_sass/fontawesome-free/_sizing.scss +16 -0
  108. data/_sass/fontawesome-free/_stacked.scss +32 -0
  109. data/_sass/fontawesome-free/_variables.scss +4957 -0
  110. data/_sass/fontawesome-free/brands.scss +30 -0
  111. data/_sass/fontawesome-free/fontawesome.scss +21 -0
  112. data/_sass/fontawesome-free/regular.scss +26 -0
  113. data/_sass/fontawesome-free/solid.scss +26 -0
  114. data/_sass/fontawesome-free/v4-shims.scss +11 -0
  115. data/_sass/montserrat/_montserrat.scss +79 -0
  116. data/_sass/overpass-mono/_overpass-mono.scss +33 -0
  117. data/assets/css/dataTables.bootstrap5.css +5 -19
  118. data/assets/css/dataTables.bootstrap5.min.css +2 -2
  119. data/assets/css/sites/lists/mmcfg.min.scss +4 -0
  120. data/assets/css/stylesheet.min.scss +20 -0
  121. data/assets/img/anaconda-symbolic.svg +0 -0
  122. data/assets/img/anaconda.svg +0 -0
  123. data/assets/img/centos-dynamicmsg-logo.svg +0 -0
  124. data/assets/img/centos-dynamicmsg-type.svg +0 -0
  125. data/assets/img/centos-dynamicmsg-whitelogo.svg +0 -0
  126. data/assets/img/centos-dynamicmsg-whitetype.svg +0 -0
  127. data/assets/img/centos-gdm-whitelogo.svg +0 -0
  128. data/assets/img/centos-ipa-whiteheader.svg +0 -0
  129. data/assets/img/centos-logo-2bits.svg +0 -0
  130. data/assets/img/centos-logo.svg +0 -0
  131. data/assets/img/centos-message-logo.svg +0 -0
  132. data/assets/img/centos-motif.png +0 -0
  133. data/assets/img/centos-poweredby-logo.svg +0 -0
  134. data/assets/img/centos-symbol-2bits.svg +0 -0
  135. data/assets/img/centos-symbol.svg +0 -0
  136. data/assets/img/centos-type.svg +0 -0
  137. data/assets/img/centos-vertical-logo.svg +0 -0
  138. data/assets/img/centos-vertical-message-logo.svg +0 -0
  139. data/assets/img/centos-whitelogo.svg +0 -0
  140. data/assets/img/people/username.png +0 -0
  141. data/assets/js/bootstrap.bundle.js +1473 -704
  142. data/assets/js/bootstrap.bundle.js.map +1 -1
  143. data/assets/js/bootstrap.bundle.min.js +3 -3
  144. data/assets/js/bootstrap.bundle.min.js.map +1 -1
  145. data/assets/js/bootstrap.esm.js +1423 -660
  146. data/assets/js/bootstrap.esm.js.map +1 -1
  147. data/assets/js/bootstrap.esm.min.js +3 -3
  148. data/assets/js/bootstrap.esm.min.js.map +1 -1
  149. data/assets/js/bootstrap.js +1432 -669
  150. data/assets/js/bootstrap.js.map +1 -1
  151. data/assets/js/bootstrap.min.js +3 -3
  152. data/assets/js/bootstrap.min.js.map +1 -1
  153. data/assets/js/clipboard.js +890 -0
  154. data/assets/js/dataTables.bootstrap5.js +200 -0
  155. data/assets/js/dataTables.bootstrap5.min.js +1 -1
  156. data/assets/js/dataTables.bootstrap5.min.mjs +4 -0
  157. data/assets/js/dataTables.bootstrap5.mjs +164 -0
  158. data/assets/js/jquery.js +10993 -0
  159. data/assets/js/jquery.min.js +2 -2
  160. data/assets/js/jquery.min.map +1 -0
  161. data/assets/js/jquery.slim.js +8894 -0
  162. data/assets/js/jquery.slim.min.js +2 -2
  163. data/assets/js/jquery.slim.min.map +1 -0
  164. data/assets/webfonts/Montserrat-Black.woff +0 -0
  165. data/assets/webfonts/Montserrat-Black.woff2 +0 -0
  166. data/assets/webfonts/Montserrat-BlackItalic.woff +0 -0
  167. data/assets/webfonts/Montserrat-BlackItalic.woff2 +0 -0
  168. data/assets/webfonts/Montserrat-Bold.woff +0 -0
  169. data/assets/webfonts/Montserrat-Bold.woff2 +0 -0
  170. data/assets/webfonts/Montserrat-BoldItalic.woff +0 -0
  171. data/assets/webfonts/Montserrat-BoldItalic.woff2 +0 -0
  172. data/assets/webfonts/Montserrat-ExtraBold.woff +0 -0
  173. data/assets/webfonts/Montserrat-ExtraBold.woff2 +0 -0
  174. data/assets/webfonts/Montserrat-ExtraBoldItalic.woff +0 -0
  175. data/assets/webfonts/Montserrat-ExtraBoldItalic.woff2 +0 -0
  176. data/assets/webfonts/Montserrat-ExtraLight.woff +0 -0
  177. data/assets/webfonts/Montserrat-ExtraLight.woff2 +0 -0
  178. data/assets/webfonts/Montserrat-ExtraLightItalic.woff +0 -0
  179. data/assets/webfonts/Montserrat-ExtraLightItalic.woff2 +0 -0
  180. data/assets/webfonts/Montserrat-Italic.woff +0 -0
  181. data/assets/webfonts/Montserrat-Italic.woff2 +0 -0
  182. data/assets/webfonts/Montserrat-Light.woff +0 -0
  183. data/assets/webfonts/Montserrat-Light.woff2 +0 -0
  184. data/assets/webfonts/Montserrat-LightItalic.woff +0 -0
  185. data/assets/webfonts/Montserrat-LightItalic.woff2 +0 -0
  186. data/assets/webfonts/Montserrat-Medium.woff +0 -0
  187. data/assets/webfonts/Montserrat-Medium.woff2 +0 -0
  188. data/assets/webfonts/Montserrat-MediumItalic.woff +0 -0
  189. data/assets/webfonts/Montserrat-MediumItalic.woff2 +0 -0
  190. data/assets/webfonts/Montserrat-Regular.woff +0 -0
  191. data/assets/webfonts/Montserrat-Regular.woff2 +0 -0
  192. data/assets/webfonts/Montserrat-SemiBold.woff +0 -0
  193. data/assets/webfonts/Montserrat-SemiBold.woff2 +0 -0
  194. data/assets/webfonts/Montserrat-SemiBoldItalic.woff +0 -0
  195. data/assets/webfonts/Montserrat-SemiBoldItalic.woff2 +0 -0
  196. data/assets/webfonts/Montserrat-Thin.woff +0 -0
  197. data/assets/webfonts/Montserrat-Thin.woff2 +0 -0
  198. data/assets/webfonts/Montserrat-ThinItalic.woff +0 -0
  199. data/assets/webfonts/Montserrat-ThinItalic.woff2 +0 -0
  200. data/assets/webfonts/MontserratAlternates-Black.woff +0 -0
  201. data/assets/webfonts/MontserratAlternates-Black.woff2 +0 -0
  202. data/assets/webfonts/MontserratAlternates-BlackItalic.woff +0 -0
  203. data/assets/webfonts/MontserratAlternates-BlackItalic.woff2 +0 -0
  204. data/assets/webfonts/MontserratAlternates-Bold.woff +0 -0
  205. data/assets/webfonts/MontserratAlternates-Bold.woff2 +0 -0
  206. data/assets/webfonts/MontserratAlternates-BoldItalic.woff +0 -0
  207. data/assets/webfonts/MontserratAlternates-BoldItalic.woff2 +0 -0
  208. data/assets/webfonts/MontserratAlternates-ExtraBold.woff +0 -0
  209. data/assets/webfonts/MontserratAlternates-ExtraBold.woff2 +0 -0
  210. data/assets/webfonts/MontserratAlternates-ExtraBoldItalic.woff +0 -0
  211. data/assets/webfonts/MontserratAlternates-ExtraBoldItalic.woff2 +0 -0
  212. data/assets/webfonts/MontserratAlternates-ExtraLight.woff +0 -0
  213. data/assets/webfonts/MontserratAlternates-ExtraLight.woff2 +0 -0
  214. data/assets/webfonts/MontserratAlternates-ExtraLightItalic.woff +0 -0
  215. data/assets/webfonts/MontserratAlternates-ExtraLightItalic.woff2 +0 -0
  216. data/assets/webfonts/MontserratAlternates-Italic.woff +0 -0
  217. data/assets/webfonts/MontserratAlternates-Italic.woff2 +0 -0
  218. data/assets/webfonts/MontserratAlternates-Light.woff +0 -0
  219. data/assets/webfonts/MontserratAlternates-Light.woff2 +0 -0
  220. data/assets/webfonts/MontserratAlternates-LightItalic.woff +0 -0
  221. data/assets/webfonts/MontserratAlternates-LightItalic.woff2 +0 -0
  222. data/assets/webfonts/MontserratAlternates-Medium.woff +0 -0
  223. data/assets/webfonts/MontserratAlternates-Medium.woff2 +0 -0
  224. data/assets/webfonts/MontserratAlternates-MediumItalic.woff +0 -0
  225. data/assets/webfonts/MontserratAlternates-MediumItalic.woff2 +0 -0
  226. data/assets/webfonts/MontserratAlternates-Regular.woff +0 -0
  227. data/assets/webfonts/MontserratAlternates-Regular.woff2 +0 -0
  228. data/assets/webfonts/MontserratAlternates-SemiBold.woff +0 -0
  229. data/assets/webfonts/MontserratAlternates-SemiBold.woff2 +0 -0
  230. data/assets/webfonts/MontserratAlternates-SemiBoldItalic.woff +0 -0
  231. data/assets/webfonts/MontserratAlternates-SemiBoldItalic.woff2 +0 -0
  232. data/assets/webfonts/MontserratAlternates-Thin.woff +0 -0
  233. data/assets/webfonts/MontserratAlternates-Thin.woff2 +0 -0
  234. data/assets/webfonts/MontserratAlternates-ThinItalic.woff +0 -0
  235. data/assets/webfonts/MontserratAlternates-ThinItalic.woff2 +0 -0
  236. data/assets/webfonts/fa-brands-400.ttf +0 -0
  237. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  238. data/assets/webfonts/fa-regular-400.ttf +0 -0
  239. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  240. data/assets/webfonts/fa-solid-900.ttf +0 -0
  241. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  242. data/assets/webfonts/fa-v4compatibility.ttf +0 -0
  243. data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
  244. data/assets/webfonts/overpass-mono-bold.woff +0 -0
  245. data/assets/webfonts/overpass-mono-bold.woff2 +0 -0
  246. data/assets/webfonts/overpass-mono-light.woff +0 -0
  247. data/assets/webfonts/overpass-mono-light.woff2 +0 -0
  248. data/assets/webfonts/overpass-mono-regular.woff +0 -0
  249. data/assets/webfonts/overpass-mono-regular.woff2 +0 -0
  250. data/assets/webfonts/overpass-mono-semibold.woff +0 -0
  251. data/assets/webfonts/overpass-mono-semibold.woff2 +0 -0
  252. data/default.md +165 -0
  253. data/index.md +9 -0
  254. data/people.md +63 -0
  255. metadata +197 -63
  256. data/_config.yml +0 -144
  257. data/_data/base/footer.yml +0 -32
  258. data/_data/base/identity.yml +0 -20
  259. data/_data/base/navbar.yml +0 -57
  260. data/_data/base/navbar_absolute.yml +0 -74
  261. data/_data/base/navbar_www.yml +0 -74
  262. data/_data/download/cards.yml +0 -148
  263. data/_data/download/navbar.yml +0 -48
  264. data/_data/people/navbar.yml +0 -34
  265. data/_includes/base/announcements.html +0 -6
  266. data/_includes/base/breadcrumbs.html +0 -13
  267. data/_includes/base/footer.html +0 -61
  268. data/_includes/base/head.html +0 -17
  269. data/_includes/base/header.html +0 -17
  270. data/_includes/base/navbar.html +0 -32
  271. data/_includes/base/script.html +0 -70
  272. data/_includes/download/cards-body-screenshot.html +0 -26
  273. data/_includes/download/cards-header-screenshot.html +0 -8
  274. data/_layouts/base/default.html +0 -31
  275. data/_layouts/download/default.html +0 -7
  276. data/_layouts/people/default.html +0 -20
  277. data/_sass/base/_centos.scss +0 -75
  278. data/_sass/base/_variables.scss +0 -24
  279. data/_sass/bootstrap/_variables-dark.scss +0 -85
  280. data/_sass/bootstrap/helpers/_focus-ring.scss +0 -5
  281. data/_sass/bootstrap/helpers/_icon-link.scss +0 -25
  282. data/_sass/bootstrap/mixins/_color-mode.scss +0 -21
  283. data/assets/css/base/stylesheet.min.scss +0 -6
  284. data/assets/icons/android-chrome-192.png +0 -0
  285. data/assets/icons/android-chrome-512.png +0 -0
  286. data/assets/icons/apple-touch-icon.png +0 -0
  287. data/assets/icons/favicon-16.png +0 -0
  288. data/assets/icons/favicon-32.png +0 -0
  289. data/assets/icons/favicon.ico +0 -0
  290. data/assets/icons/favicon.svg +0 -1
  291. data/assets/img/base/screenshot.svg +0 -135
  292. data/assets/img/download/centos-linux-7-2009-screenshot-n.png +0 -0
  293. data/assets/img/download/centos-stream-8-screenshot-n.png +0 -0
  294. data/assets/img/download/centos-stream-9-screenshot-n.png +0 -0
  295. data/assets/img/download/distribution-release-screenshot-n.png +0 -0
  296. data/assets/img/download/distribution-release-screenshot-n.svg +0 -128
  297. data/assets/img/people/YourUsername.svg +0 -58
  298. data/assets/img/people/screenshot.svg +0 -135
  299. data/assets/js/jquery.dataTables.min.js +0 -4
  300. data/assets/js/vanilla-back-to-top.min.js +0 -1
  301. data/site.webmanifest +0 -11
@@ -321,39 +321,6 @@ $theme-colors: (
321
321
  ) !default;
322
322
  // scss-docs-end theme-colors-map
323
323
 
324
- // scss-docs-start theme-text-variables
325
- $primary-text-emphasis: shade-color($primary, 60%) !default;
326
- $secondary-text-emphasis: shade-color($secondary, 60%) !default;
327
- $success-text-emphasis: shade-color($success, 60%) !default;
328
- $info-text-emphasis: shade-color($info, 60%) !default;
329
- $warning-text-emphasis: shade-color($warning, 60%) !default;
330
- $danger-text-emphasis: shade-color($danger, 60%) !default;
331
- $light-text-emphasis: $gray-700 !default;
332
- $dark-text-emphasis: $gray-700 !default;
333
- // scss-docs-end theme-text-variables
334
-
335
- // scss-docs-start theme-bg-subtle-variables
336
- $primary-bg-subtle: tint-color($primary, 80%) !default;
337
- $secondary-bg-subtle: tint-color($secondary, 80%) !default;
338
- $success-bg-subtle: tint-color($success, 80%) !default;
339
- $info-bg-subtle: tint-color($info, 80%) !default;
340
- $warning-bg-subtle: tint-color($warning, 80%) !default;
341
- $danger-bg-subtle: tint-color($danger, 80%) !default;
342
- $light-bg-subtle: mix($gray-100, $white) !default;
343
- $dark-bg-subtle: $gray-400 !default;
344
- // scss-docs-end theme-bg-subtle-variables
345
-
346
- // scss-docs-start theme-border-subtle-variables
347
- $primary-border-subtle: tint-color($primary, 60%) !default;
348
- $secondary-border-subtle: tint-color($secondary, 60%) !default;
349
- $success-border-subtle: tint-color($success, 60%) !default;
350
- $info-border-subtle: tint-color($info, 60%) !default;
351
- $warning-border-subtle: tint-color($warning, 60%) !default;
352
- $danger-border-subtle: tint-color($danger, 60%) !default;
353
- $light-border-subtle: $gray-200 !default;
354
- $dark-border-subtle: $gray-500 !default;
355
- // scss-docs-end theme-border-subtle-variables
356
-
357
324
  // Characters which are escaped by the escape-svg function
358
325
  $escaped-characters: (
359
326
  ("<", "%3c"),
@@ -384,9 +351,6 @@ $enable-negative-margins: false !default;
384
351
  $enable-deprecation-messages: true !default;
385
352
  $enable-important-utilities: true !default;
386
353
 
387
- $enable-dark-mode: true !default;
388
- $color-mode-type: data !default; // `data` or `media-query`
389
-
390
354
  // Prefix for :root CSS variables
391
355
 
392
356
  $variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
@@ -434,17 +398,9 @@ $position-values: (
434
398
  //
435
399
  // Settings for the `<body>` element.
436
400
 
437
- $body-text-align: null !default;
438
- $body-color: $gray-900 !default;
439
401
  $body-bg: $white !default;
440
-
441
- $body-secondary-color: rgba($body-color, .75) !default;
442
- $body-secondary-bg: $gray-200 !default;
443
-
444
- $body-tertiary-color: rgba($body-color, .5) !default;
445
- $body-tertiary-bg: $gray-100 !default;
446
-
447
- $body-emphasis-color: $black !default;
402
+ $body-color: $gray-900 !default;
403
+ $body-text-align: null !default;
448
404
 
449
405
  // Links
450
406
  //
@@ -459,15 +415,6 @@ $link-hover-decoration: null !default;
459
415
  $stretched-link-pseudo-element: after !default;
460
416
  $stretched-link-z-index: 1 !default;
461
417
 
462
- // Icon links
463
- // scss-docs-start icon-link-variables
464
- $icon-link-gap: .375rem !default;
465
- $icon-link-underline-offset: .25em !default;
466
- $icon-link-icon-size: 1em !default;
467
- $icon-link-icon-transition: .2s ease-in-out transform !default;
468
- $icon-link-icon-transform: translate3d(.25em, 0, 0) !default;
469
- // scss-docs-end icon-link-variables
470
-
471
418
  // Paragraphs
472
419
  //
473
420
  // Style p element.
@@ -538,6 +485,7 @@ $border-widths: (
538
485
  4: 4px,
539
486
  5: 5px
540
487
  ) !default;
488
+
541
489
  $border-style: solid !default;
542
490
  $border-color: $gray-300 !default;
543
491
  $border-color-translucent: rgba($black, .175) !default;
@@ -548,12 +496,9 @@ $border-radius: .375rem !default;
548
496
  $border-radius-sm: .25rem !default;
549
497
  $border-radius-lg: .5rem !default;
550
498
  $border-radius-xl: 1rem !default;
551
- $border-radius-xxl: 2rem !default;
499
+ $border-radius-2xl: 2rem !default;
552
500
  $border-radius-pill: 50rem !default;
553
501
  // scss-docs-end border-radius-variables
554
- // fusv-disable
555
- $border-radius-2xl: $border-radius-xxl !default; // Deprecated in v5.3.0
556
- // fusv-enable
557
502
 
558
503
  // scss-docs-start box-shadow-variables
559
504
  $box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
@@ -565,14 +510,6 @@ $box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
565
510
  $component-active-color: $white !default;
566
511
  $component-active-bg: $primary !default;
567
512
 
568
- // scss-docs-start focus-ring-variables
569
- $focus-ring-width: .25rem !default;
570
- $focus-ring-opacity: .25 !default;
571
- $focus-ring-color: rgba($primary, $focus-ring-opacity) !default;
572
- $focus-ring-blur: 0 !default;
573
- $focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
574
- // scss-docs-end focus-ring-variables
575
-
576
513
  // scss-docs-start caret-variables
577
514
  $caret-width: .3em !default;
578
515
  $caret-vertical-align: $caret-width * .85 !default;
@@ -619,7 +556,6 @@ $font-size-lg: $font-size-base * 1.25 !default;
619
556
  $font-weight-lighter: lighter !default;
620
557
  $font-weight-light: 300 !default;
621
558
  $font-weight-normal: 400 !default;
622
- $font-weight-medium: 500 !default;
623
559
  $font-weight-semibold: 600 !default;
624
560
  $font-weight-bold: 700 !default;
625
561
  $font-weight-bolder: bolder !default;
@@ -655,7 +591,7 @@ $headings-font-family: null !default;
655
591
  $headings-font-style: null !default;
656
592
  $headings-font-weight: 500 !default;
657
593
  $headings-line-height: 1.2 !default;
658
- $headings-color: inherit !default;
594
+ $headings-color: null !default;
659
595
  // scss-docs-end headings-variables
660
596
 
661
597
  // scss-docs-start display-headings
@@ -682,9 +618,7 @@ $small-font-size: .875em !default;
682
618
 
683
619
  $sub-sup-font-size: .75em !default;
684
620
 
685
- // fusv-disable
686
- $text-muted: var(--#{$prefix}secondary-color) !default; // Deprecated in 5.3.0
687
- // fusv-enable
621
+ $text-muted: $gray-600 !default;
688
622
 
689
623
  $initialism-font-size: $small-font-size !default;
690
624
 
@@ -702,7 +636,7 @@ $hr-height: null !default; // Deprecated in v5.2.0
702
636
  // fusv-enable
703
637
 
704
638
  $hr-border-color: null !default; // Allows for inherited colors
705
- $hr-border-width: var(--#{$prefix}border-width) !default;
639
+ $hr-border-width: $border-width !default;
706
640
  $hr-opacity: .25 !default;
707
641
 
708
642
  $legend-margin-bottom: .5rem !default;
@@ -731,7 +665,7 @@ $table-cell-padding-x-sm: .25rem !default;
731
665
  $table-cell-vertical-align: top !default;
732
666
 
733
667
  $table-color: var(--#{$prefix}body-color) !default;
734
- $table-bg: var(--#{$prefix}body-bg) !default;
668
+ $table-bg: transparent !default;
735
669
  $table-accent-bg: transparent !default;
736
670
 
737
671
  $table-th-font-weight: null !default;
@@ -749,7 +683,7 @@ $table-hover-bg-factor: .075 !default;
749
683
  $table-hover-bg: rgba($black, $table-hover-bg-factor) !default;
750
684
 
751
685
  $table-border-factor: .1 !default;
752
- $table-border-width: var(--#{$prefix}border-width) !default;
686
+ $table-border-width: $border-width !default;
753
687
  $table-border-color: var(--#{$prefix}border-color) !default;
754
688
 
755
689
  $table-striped-order: odd !default;
@@ -757,7 +691,7 @@ $table-striped-columns-order: even !default;
757
691
 
758
692
  $table-group-separator-color: currentcolor !default;
759
693
 
760
- $table-caption-color: var(--#{$prefix}secondary-color) !default;
694
+ $table-caption-color: $text-muted !default;
761
695
 
762
696
  $table-bg-scale: -80% !default;
763
697
  // scss-docs-end table-variables
@@ -787,11 +721,11 @@ $input-btn-font-family: null !default;
787
721
  $input-btn-font-size: $font-size-base !default;
788
722
  $input-btn-line-height: $line-height-base !default;
789
723
 
790
- $input-btn-focus-width: $focus-ring-width !default;
791
- $input-btn-focus-color-opacity: $focus-ring-opacity !default;
792
- $input-btn-focus-color: $focus-ring-color !default;
793
- $input-btn-focus-blur: $focus-ring-blur !default;
794
- $input-btn-focus-box-shadow: $focus-ring-box-shadow !default;
724
+ $input-btn-focus-width: .25rem !default;
725
+ $input-btn-focus-color-opacity: .25 !default;
726
+ $input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
727
+ $input-btn-focus-blur: 0 !default;
728
+ $input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;
795
729
 
796
730
  $input-btn-padding-y-sm: .25rem !default;
797
731
  $input-btn-padding-x-sm: .5rem !default;
@@ -801,7 +735,7 @@ $input-btn-padding-y-lg: .5rem !default;
801
735
  $input-btn-padding-x-lg: 1rem !default;
802
736
  $input-btn-font-size-lg: $font-size-lg !default;
803
737
 
804
- $input-btn-border-width: var(--#{$prefix}border-width) !default;
738
+ $input-btn-border-width: $border-width !default;
805
739
  // scss-docs-end input-btn-variables
806
740
 
807
741
 
@@ -810,7 +744,6 @@ $input-btn-border-width: var(--#{$prefix}border-width) !default;
810
744
  // For each of Bootstrap's buttons, define text, background, and border color.
811
745
 
812
746
  // scss-docs-start btn-variables
813
- $btn-color: var(--#{$prefix}body-color) !default;
814
747
  $btn-padding-y: $input-btn-padding-y !default;
815
748
  $btn-padding-x: $input-btn-padding-x !default;
816
749
  $btn-font-family: $input-btn-font-family !default;
@@ -840,9 +773,9 @@ $btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
840
773
  $btn-link-disabled-color: $gray-600 !default;
841
774
 
842
775
  // Allows for customizing button radius independently from global border radius
843
- $btn-border-radius: var(--#{$prefix}border-radius) !default;
844
- $btn-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
845
- $btn-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
776
+ $btn-border-radius: $border-radius !default;
777
+ $btn-border-radius-sm: $border-radius-sm !default;
778
+ $btn-border-radius-lg: $border-radius-lg !default;
846
779
 
847
780
  $btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
848
781
 
@@ -864,7 +797,7 @@ $form-text-margin-top: .25rem !default;
864
797
  $form-text-font-size: $small-font-size !default;
865
798
  $form-text-font-style: null !default;
866
799
  $form-text-font-weight: null !default;
867
- $form-text-color: var(--#{$prefix}secondary-color) !default;
800
+ $form-text-color: $text-muted !default;
868
801
  // scss-docs-end form-text-variables
869
802
 
870
803
  // scss-docs-start form-label-variables
@@ -891,19 +824,19 @@ $input-padding-y-lg: $input-btn-padding-y-lg !default;
891
824
  $input-padding-x-lg: $input-btn-padding-x-lg !default;
892
825
  $input-font-size-lg: $input-btn-font-size-lg !default;
893
826
 
894
- $input-bg: var(--#{$prefix}body-bg) !default;
827
+ $input-bg: $body-bg !default;
895
828
  $input-disabled-color: null !default;
896
- $input-disabled-bg: var(--#{$prefix}secondary-bg) !default;
829
+ $input-disabled-bg: $gray-200 !default;
897
830
  $input-disabled-border-color: null !default;
898
831
 
899
- $input-color: var(--#{$prefix}body-color) !default;
900
- $input-border-color: var(--#{$prefix}border-color) !default;
832
+ $input-color: $body-color !default;
833
+ $input-border-color: $gray-400 !default;
901
834
  $input-border-width: $input-btn-border-width !default;
902
835
  $input-box-shadow: $box-shadow-inset !default;
903
836
 
904
- $input-border-radius: var(--#{$prefix}border-radius) !default;
905
- $input-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
906
- $input-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
837
+ $input-border-radius: $border-radius !default;
838
+ $input-border-radius-sm: $border-radius-sm !default;
839
+ $input-border-radius-lg: $border-radius-lg !default;
907
840
 
908
841
  $input-focus-bg: $input-bg !default;
909
842
  $input-focus-border-color: tint-color($component-active-bg, 50%) !default;
@@ -911,10 +844,10 @@ $input-focus-color: $input-color !default;
911
844
  $input-focus-width: $input-btn-focus-width !default;
912
845
  $input-focus-box-shadow: $input-btn-focus-box-shadow !default;
913
846
 
914
- $input-placeholder-color: var(--#{$prefix}secondary-color) !default;
915
- $input-plaintext-color: var(--#{$prefix}body-color) !default;
847
+ $input-placeholder-color: $gray-600 !default;
848
+ $input-plaintext-color: $body-color !default;
916
849
 
917
- $input-height-border: calc(#{$input-border-width} * 2) !default; // stylelint-disable-line function-disallowed-list
850
+ $input-height-border: $input-border-width * 2 !default;
918
851
 
919
852
  $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
920
853
  $input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
@@ -941,11 +874,11 @@ $form-check-transition: null !default;
941
874
  $form-check-input-active-filter: brightness(90%) !default;
942
875
 
943
876
  $form-check-input-bg: $input-bg !default;
944
- $form-check-input-border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color) !default;
877
+ $form-check-input-border: 1px solid rgba($black, .25) !default;
945
878
  $form-check-input-border-radius: .25em !default;
946
879
  $form-check-radio-border-radius: 50% !default;
947
880
  $form-check-input-focus-border: $input-focus-border-color !default;
948
- $form-check-input-focus-box-shadow: $focus-ring-box-shadow !default;
881
+ $form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;
949
882
 
950
883
  $form-check-input-checked-color: $component-active-color !default;
951
884
  $form-check-input-checked-bg-color: $component-active-bg !default;
@@ -986,7 +919,7 @@ $input-group-addon-padding-y: $input-padding-y !default;
986
919
  $input-group-addon-padding-x: $input-padding-x !default;
987
920
  $input-group-addon-font-weight: $input-font-weight !default;
988
921
  $input-group-addon-color: $input-color !default;
989
- $input-group-addon-bg: var(--#{$prefix}tertiary-bg) !default;
922
+ $input-group-addon-bg: $gray-200 !default;
990
923
  $input-group-addon-border-color: $input-border-color !default;
991
924
  // scss-docs-end input-group-variables
992
925
 
@@ -1001,7 +934,7 @@ $form-select-line-height: $input-line-height !default;
1001
934
  $form-select-color: $input-color !default;
1002
935
  $form-select-bg: $input-bg !default;
1003
936
  $form-select-disabled-color: null !default;
1004
- $form-select-disabled-bg: $input-disabled-bg !default;
937
+ $form-select-disabled-bg: $gray-200 !default;
1005
938
  $form-select-disabled-border-color: $input-disabled-border-color !default;
1006
939
  $form-select-bg-position: right $form-select-padding-x center !default;
1007
940
  $form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
@@ -1038,7 +971,7 @@ $form-select-transition: $input-transition !default;
1038
971
  $form-range-track-width: 100% !default;
1039
972
  $form-range-track-height: .5rem !default;
1040
973
  $form-range-track-cursor: pointer !default;
1041
- $form-range-track-bg: var(--#{$prefix}tertiary-bg) !default;
974
+ $form-range-track-bg: $gray-300 !default;
1042
975
  $form-range-track-border-radius: 1rem !default;
1043
976
  $form-range-track-box-shadow: $box-shadow-inset !default;
1044
977
 
@@ -1051,28 +984,26 @@ $form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !defa
1051
984
  $form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
1052
985
  $form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge
1053
986
  $form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;
1054
- $form-range-thumb-disabled-bg: var(--#{$prefix}secondary-color) !default;
987
+ $form-range-thumb-disabled-bg: $gray-500 !default;
1055
988
  $form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
1056
989
  // scss-docs-end form-range-variables
1057
990
 
1058
991
  // scss-docs-start form-file-variables
1059
992
  $form-file-button-color: $input-color !default;
1060
- $form-file-button-bg: var(--#{$prefix}tertiary-bg) !default;
1061
- $form-file-button-hover-bg: var(--#{$prefix}secondary-bg) !default;
993
+ $form-file-button-bg: $input-group-addon-bg !default;
994
+ $form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;
1062
995
  // scss-docs-end form-file-variables
1063
996
 
1064
997
  // scss-docs-start form-floating-variables
1065
- $form-floating-height: add(3.5rem, $input-height-border) !default;
1066
- $form-floating-line-height: 1.25 !default;
1067
- $form-floating-padding-x: $input-padding-x !default;
1068
- $form-floating-padding-y: 1rem !default;
1069
- $form-floating-input-padding-t: 1.625rem !default;
1070
- $form-floating-input-padding-b: .625rem !default;
1071
- $form-floating-label-height: 1.5em !default;
1072
- $form-floating-label-opacity: .65 !default;
1073
- $form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;
1074
- $form-floating-label-disabled-color: $gray-600 !default;
1075
- $form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;
998
+ $form-floating-height: add(3.5rem, $input-height-border) !default;
999
+ $form-floating-line-height: 1.25 !default;
1000
+ $form-floating-padding-x: $input-padding-x !default;
1001
+ $form-floating-padding-y: 1rem !default;
1002
+ $form-floating-input-padding-t: 1.625rem !default;
1003
+ $form-floating-input-padding-b: .625rem !default;
1004
+ $form-floating-label-opacity: .65 !default;
1005
+ $form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;
1006
+ $form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;
1076
1007
  // scss-docs-end form-floating-variables
1077
1008
 
1078
1009
  // Form validation
@@ -1090,30 +1021,15 @@ $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
1090
1021
  $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
1091
1022
  // scss-docs-end form-feedback-variables
1092
1023
 
1093
- // scss-docs-start form-validation-colors
1094
- $form-valid-color: $form-feedback-valid-color !default;
1095
- $form-valid-border-color: $form-feedback-valid-color !default;
1096
- $form-invalid-color: $form-feedback-invalid-color !default;
1097
- $form-invalid-border-color: $form-feedback-invalid-color !default;
1098
- // scss-docs-end form-validation-colors
1099
-
1100
1024
  // scss-docs-start form-validation-states
1101
1025
  $form-validation-states: (
1102
1026
  "valid": (
1103
- "color": var(--#{$prefix}form-valid-color),
1104
- "icon": $form-feedback-icon-valid,
1105
- "tooltip-color": #fff,
1106
- "tooltip-bg-color": var(--#{$prefix}success),
1107
- "focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),
1108
- "border-color": var(--#{$prefix}form-valid-border-color),
1027
+ "color": $form-feedback-valid-color,
1028
+ "icon": $form-feedback-icon-valid
1109
1029
  ),
1110
1030
  "invalid": (
1111
- "color": var(--#{$prefix}form-invalid-color),
1112
- "icon": $form-feedback-icon-invalid,
1113
- "tooltip-color": #fff,
1114
- "tooltip-bg-color": var(--#{$prefix}danger),
1115
- "focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),
1116
- "border-color": var(--#{$prefix}form-invalid-border-color),
1031
+ "color": $form-feedback-invalid-color,
1032
+ "icon": $form-feedback-icon-invalid
1117
1033
  )
1118
1034
  ) !default;
1119
1035
  // scss-docs-end form-validation-states
@@ -1136,16 +1052,6 @@ $zindex-tooltip: 1080 !default;
1136
1052
  $zindex-toast: 1090 !default;
1137
1053
  // scss-docs-end zindex-stack
1138
1054
 
1139
- // scss-docs-start zindex-levels-map
1140
- $zindex-levels: (
1141
- n1: -1,
1142
- 0: 0,
1143
- 1: 1,
1144
- 2: 2,
1145
- 3: 3
1146
- ) !default;
1147
- // scss-docs-end zindex-levels-map
1148
-
1149
1055
 
1150
1056
  // Navs
1151
1057
 
@@ -1157,24 +1063,19 @@ $nav-link-font-weight: null !default;
1157
1063
  $nav-link-color: var(--#{$prefix}link-color) !default;
1158
1064
  $nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;
1159
1065
  $nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
1160
- $nav-link-disabled-color: var(--#{$prefix}secondary-color) !default;
1161
- $nav-link-focus-box-shadow: $focus-ring-box-shadow !default;
1162
-
1163
- $nav-tabs-border-color: var(--#{$prefix}border-color) !default;
1164
- $nav-tabs-border-width: var(--#{$prefix}border-width) !default;
1165
- $nav-tabs-border-radius: var(--#{$prefix}border-radius) !default;
1166
- $nav-tabs-link-hover-border-color: var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color !default;
1167
- $nav-tabs-link-active-color: var(--#{$prefix}emphasis-color) !default;
1168
- $nav-tabs-link-active-bg: var(--#{$prefix}body-bg) !default;
1169
- $nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg !default;
1170
-
1171
- $nav-pills-border-radius: var(--#{$prefix}border-radius) !default;
1066
+ $nav-link-disabled-color: $gray-600 !default;
1067
+
1068
+ $nav-tabs-border-color: $gray-300 !default;
1069
+ $nav-tabs-border-width: $border-width !default;
1070
+ $nav-tabs-border-radius: $border-radius !default;
1071
+ $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
1072
+ $nav-tabs-link-active-color: $gray-700 !default;
1073
+ $nav-tabs-link-active-bg: $body-bg !default;
1074
+ $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
1075
+
1076
+ $nav-pills-border-radius: $border-radius !default;
1172
1077
  $nav-pills-link-active-color: $component-active-color !default;
1173
1078
  $nav-pills-link-active-bg: $component-active-bg !default;
1174
-
1175
- $nav-underline-gap: 1rem !default;
1176
- $nav-underline-border-width: .125rem !default;
1177
- $nav-underline-link-active-color: var(--#{$prefix}emphasis-color) !default;
1178
1079
  // scss-docs-end nav-variables
1179
1080
 
1180
1081
 
@@ -1200,13 +1101,12 @@ $navbar-toggler-border-radius: $btn-border-radius !default;
1200
1101
  $navbar-toggler-focus-width: $btn-focus-width !default;
1201
1102
  $navbar-toggler-transition: box-shadow .15s ease-in-out !default;
1202
1103
 
1203
- $navbar-light-color: rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default;
1204
- $navbar-light-hover-color: rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default;
1205
- $navbar-light-active-color: rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default;
1206
- $navbar-light-disabled-color: rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default;
1207
- $navbar-light-icon-color: rgba($body-color, .75) !default;
1208
- $navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
1209
- $navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default;
1104
+ $navbar-light-color: rgba($black, .55) !default;
1105
+ $navbar-light-hover-color: rgba($black, .7) !default;
1106
+ $navbar-light-active-color: rgba($black, .9) !default;
1107
+ $navbar-light-disabled-color: rgba($black, .3) !default;
1108
+ $navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
1109
+ $navbar-light-toggler-border-color: rgba($black, .1) !default;
1210
1110
  $navbar-light-brand-color: $navbar-light-active-color !default;
1211
1111
  $navbar-light-brand-hover-color: $navbar-light-active-color !default;
1212
1112
  // scss-docs-end navbar-variables
@@ -1233,24 +1133,24 @@ $dropdown-padding-x: 0 !default;
1233
1133
  $dropdown-padding-y: .5rem !default;
1234
1134
  $dropdown-spacer: .125rem !default;
1235
1135
  $dropdown-font-size: $font-size-base !default;
1236
- $dropdown-color: var(--#{$prefix}body-color) !default;
1237
- $dropdown-bg: var(--#{$prefix}body-bg) !default;
1136
+ $dropdown-color: $body-color !default;
1137
+ $dropdown-bg: $white !default;
1238
1138
  $dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;
1239
- $dropdown-border-radius: var(--#{$prefix}border-radius) !default;
1240
- $dropdown-border-width: var(--#{$prefix}border-width) !default;
1241
- $dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list
1139
+ $dropdown-border-radius: $border-radius !default;
1140
+ $dropdown-border-width: $border-width !default;
1141
+ $dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
1242
1142
  $dropdown-divider-bg: $dropdown-border-color !default;
1243
1143
  $dropdown-divider-margin-y: $spacer * .5 !default;
1244
1144
  $dropdown-box-shadow: $box-shadow !default;
1245
1145
 
1246
- $dropdown-link-color: var(--#{$prefix}body-color) !default;
1247
- $dropdown-link-hover-color: $dropdown-link-color !default;
1248
- $dropdown-link-hover-bg: var(--#{$prefix}tertiary-bg) !default;
1146
+ $dropdown-link-color: $gray-900 !default;
1147
+ $dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;
1148
+ $dropdown-link-hover-bg: $gray-200 !default;
1249
1149
 
1250
1150
  $dropdown-link-active-color: $component-active-color !default;
1251
1151
  $dropdown-link-active-bg: $component-active-bg !default;
1252
1152
 
1253
- $dropdown-link-disabled-color: var(--#{$prefix}tertiary-color) !default;
1153
+ $dropdown-link-disabled-color: $gray-500 !default;
1254
1154
 
1255
1155
  $dropdown-item-padding-y: $spacer * .25 !default;
1256
1156
  $dropdown-item-padding-x: $spacer !default;
@@ -1292,33 +1192,33 @@ $pagination-padding-x-lg: 1.5rem !default;
1292
1192
  $pagination-font-size: $font-size-base !default;
1293
1193
 
1294
1194
  $pagination-color: var(--#{$prefix}link-color) !default;
1295
- $pagination-bg: var(--#{$prefix}body-bg) !default;
1296
- $pagination-border-radius: var(--#{$prefix}border-radius) !default;
1297
- $pagination-border-width: var(--#{$prefix}border-width) !default;
1298
- $pagination-margin-start: calc(#{$pagination-border-width} * -1) !default; // stylelint-disable-line function-disallowed-list
1299
- $pagination-border-color: var(--#{$prefix}border-color) !default;
1195
+ $pagination-bg: $white !default;
1196
+ $pagination-border-radius: $border-radius !default;
1197
+ $pagination-border-width: $border-width !default;
1198
+ $pagination-margin-start: ($pagination-border-width * -1) !default;
1199
+ $pagination-border-color: $gray-300 !default;
1300
1200
 
1301
1201
  $pagination-focus-color: var(--#{$prefix}link-hover-color) !default;
1302
- $pagination-focus-bg: var(--#{$prefix}secondary-bg) !default;
1303
- $pagination-focus-box-shadow: $focus-ring-box-shadow !default;
1202
+ $pagination-focus-bg: $gray-200 !default;
1203
+ $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
1304
1204
  $pagination-focus-outline: 0 !default;
1305
1205
 
1306
1206
  $pagination-hover-color: var(--#{$prefix}link-hover-color) !default;
1307
- $pagination-hover-bg: var(--#{$prefix}tertiary-bg) !default;
1308
- $pagination-hover-border-color: var(--#{$prefix}border-color) !default; // Todo in v6: remove this?
1207
+ $pagination-hover-bg: $gray-200 !default;
1208
+ $pagination-hover-border-color: $gray-300 !default;
1309
1209
 
1310
1210
  $pagination-active-color: $component-active-color !default;
1311
1211
  $pagination-active-bg: $component-active-bg !default;
1312
- $pagination-active-border-color: $component-active-bg !default;
1212
+ $pagination-active-border-color: $pagination-active-bg !default;
1313
1213
 
1314
- $pagination-disabled-color: var(--#{$prefix}secondary-color) !default;
1315
- $pagination-disabled-bg: var(--#{$prefix}secondary-bg) !default;
1316
- $pagination-disabled-border-color: var(--#{$prefix}border-color) !default;
1214
+ $pagination-disabled-color: $gray-600 !default;
1215
+ $pagination-disabled-bg: $white !default;
1216
+ $pagination-disabled-border-color: $gray-300 !default;
1317
1217
 
1318
1218
  $pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
1319
1219
 
1320
- $pagination-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
1321
- $pagination-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
1220
+ $pagination-border-radius-sm: $border-radius-sm !default;
1221
+ $pagination-border-radius-lg: $border-radius-lg !default;
1322
1222
  // scss-docs-end pagination-variables
1323
1223
 
1324
1224
 
@@ -1335,20 +1235,18 @@ $placeholder-opacity-min: .2 !default;
1335
1235
  $card-spacer-y: $spacer !default;
1336
1236
  $card-spacer-x: $spacer !default;
1337
1237
  $card-title-spacer-y: $spacer * .5 !default;
1338
- $card-title-color: null !default;
1339
- $card-subtitle-color: null !default;
1340
- $card-border-width: var(--#{$prefix}border-width) !default;
1238
+ $card-border-width: $border-width !default;
1341
1239
  $card-border-color: var(--#{$prefix}border-color-translucent) !default;
1342
- $card-border-radius: var(--#{$prefix}border-radius) !default;
1240
+ $card-border-radius: $border-radius !default;
1343
1241
  $card-box-shadow: null !default;
1344
1242
  $card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
1345
1243
  $card-cap-padding-y: $card-spacer-y * .5 !default;
1346
1244
  $card-cap-padding-x: $card-spacer-x !default;
1347
- $card-cap-bg: rgba(var(--#{$prefix}body-color-rgb), .03) !default;
1245
+ $card-cap-bg: rgba($black, .03) !default;
1348
1246
  $card-cap-color: null !default;
1349
1247
  $card-height: null !default;
1350
1248
  $card-color: null !default;
1351
- $card-bg: var(--#{$prefix}body-bg) !default;
1249
+ $card-bg: $white !default;
1352
1250
  $card-img-overlay-padding: $spacer !default;
1353
1251
  $card-group-margin: $grid-gutter-width * .5 !default;
1354
1252
  // scss-docs-end card-variables
@@ -1358,11 +1256,11 @@ $card-group-margin: $grid-gutter-width * .5 !default;
1358
1256
  // scss-docs-start accordion-variables
1359
1257
  $accordion-padding-y: 1rem !default;
1360
1258
  $accordion-padding-x: 1.25rem !default;
1361
- $accordion-color: var(--#{$prefix}body-color) !default;
1362
- $accordion-bg: var(--#{$prefix}body-bg) !default;
1363
- $accordion-border-width: var(--#{$prefix}border-width) !default;
1259
+ $accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon
1260
+ $accordion-bg: $body-bg !default;
1261
+ $accordion-border-width: $border-width !default;
1364
1262
  $accordion-border-color: var(--#{$prefix}border-color) !default;
1365
- $accordion-border-radius: var(--#{$prefix}border-radius) !default;
1263
+ $accordion-border-radius: $border-radius !default;
1366
1264
  $accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;
1367
1265
 
1368
1266
  $accordion-body-padding-y: $accordion-padding-y !default;
@@ -1370,18 +1268,18 @@ $accordion-body-padding-x: $accordion-padding-x !default;
1370
1268
 
1371
1269
  $accordion-button-padding-y: $accordion-padding-y !default;
1372
1270
  $accordion-button-padding-x: $accordion-padding-x !default;
1373
- $accordion-button-color: var(--#{$prefix}body-color) !default;
1271
+ $accordion-button-color: $accordion-color !default;
1374
1272
  $accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
1375
1273
  $accordion-transition: $btn-transition, border-radius .15s ease !default;
1376
- $accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
1377
- $accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
1274
+ $accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;
1275
+ $accordion-button-active-color: shade-color($primary, 10%) !default;
1378
1276
 
1379
1277
  $accordion-button-focus-border-color: $input-focus-border-color !default;
1380
1278
  $accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
1381
1279
 
1382
1280
  $accordion-icon-width: 1.25rem !default;
1383
- $accordion-icon-color: $body-color !default;
1384
- $accordion-icon-active-color: $primary-text-emphasis !default;
1281
+ $accordion-icon-color: $accordion-button-color !default;
1282
+ $accordion-icon-active-color: $accordion-button-active-color !default;
1385
1283
  $accordion-icon-transition: transform .2s ease-in-out !default;
1386
1284
  $accordion-icon-transform: rotate(-180deg) !default;
1387
1285
 
@@ -1394,9 +1292,9 @@ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w
1394
1292
  // scss-docs-start tooltip-variables
1395
1293
  $tooltip-font-size: $font-size-sm !default;
1396
1294
  $tooltip-max-width: 200px !default;
1397
- $tooltip-color: var(--#{$prefix}body-bg) !default;
1398
- $tooltip-bg: var(--#{$prefix}emphasis-color) !default;
1399
- $tooltip-border-radius: var(--#{$prefix}border-radius) !default;
1295
+ $tooltip-color: $white !default;
1296
+ $tooltip-bg: $black !default;
1297
+ $tooltip-border-radius: $border-radius !default;
1400
1298
  $tooltip-opacity: .9 !default;
1401
1299
  $tooltip-padding-y: $spacer * .25 !default;
1402
1300
  $tooltip-padding-x: $spacer * .5 !default;
@@ -1424,21 +1322,21 @@ $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
1424
1322
 
1425
1323
  // scss-docs-start popover-variables
1426
1324
  $popover-font-size: $font-size-sm !default;
1427
- $popover-bg: var(--#{$prefix}body-bg) !default;
1325
+ $popover-bg: $white !default;
1428
1326
  $popover-max-width: 276px !default;
1429
- $popover-border-width: var(--#{$prefix}border-width) !default;
1327
+ $popover-border-width: $border-width !default;
1430
1328
  $popover-border-color: var(--#{$prefix}border-color-translucent) !default;
1431
- $popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
1432
- $popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list
1329
+ $popover-border-radius: $border-radius-lg !default;
1330
+ $popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
1433
1331
  $popover-box-shadow: $box-shadow !default;
1434
1332
 
1435
1333
  $popover-header-font-size: $font-size-base !default;
1436
- $popover-header-bg: var(--#{$prefix}secondary-bg) !default;
1334
+ $popover-header-bg: shade-color($popover-bg, 6%) !default;
1437
1335
  $popover-header-color: $headings-color !default;
1438
1336
  $popover-header-padding-y: .5rem !default;
1439
1337
  $popover-header-padding-x: $spacer !default;
1440
1338
 
1441
- $popover-body-color: var(--#{$prefix}body-color) !default;
1339
+ $popover-body-color: $body-color !default;
1442
1340
  $popover-body-padding-y: $spacer !default;
1443
1341
  $popover-body-padding-x: $spacer !default;
1444
1342
 
@@ -1461,16 +1359,16 @@ $toast-padding-x: .75rem !default;
1461
1359
  $toast-padding-y: .5rem !default;
1462
1360
  $toast-font-size: .875rem !default;
1463
1361
  $toast-color: null !default;
1464
- $toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
1465
- $toast-border-width: var(--#{$prefix}border-width) !default;
1362
+ $toast-background-color: rgba($white, .85) !default;
1363
+ $toast-border-width: $border-width !default;
1466
1364
  $toast-border-color: var(--#{$prefix}border-color-translucent) !default;
1467
- $toast-border-radius: var(--#{$prefix}border-radius) !default;
1468
- $toast-box-shadow: var(--#{$prefix}box-shadow) !default;
1365
+ $toast-border-radius: $border-radius !default;
1366
+ $toast-box-shadow: $box-shadow !default;
1469
1367
  $toast-spacing: $container-padding-x !default;
1470
1368
 
1471
- $toast-header-color: var(--#{$prefix}secondary-color) !default;
1472
- $toast-header-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
1473
- $toast-header-border-color: $toast-border-color !default;
1369
+ $toast-header-color: $gray-600 !default;
1370
+ $toast-header-background-color: rgba($white, .85) !default;
1371
+ $toast-header-border-color: rgba($black, .05) !default;
1474
1372
  // scss-docs-end toast-variables
1475
1373
 
1476
1374
 
@@ -1482,7 +1380,7 @@ $badge-font-weight: $font-weight-bold !default;
1482
1380
  $badge-color: $white !default;
1483
1381
  $badge-padding-y: .35em !default;
1484
1382
  $badge-padding-x: .65em !default;
1485
- $badge-border-radius: var(--#{$prefix}border-radius) !default;
1383
+ $badge-border-radius: $border-radius !default;
1486
1384
  // scss-docs-end badge-variables
1487
1385
 
1488
1386
 
@@ -1499,10 +1397,10 @@ $modal-dialog-margin-y-sm-up: 1.75rem !default;
1499
1397
  $modal-title-line-height: $line-height-base !default;
1500
1398
 
1501
1399
  $modal-content-color: null !default;
1502
- $modal-content-bg: var(--#{$prefix}body-bg) !default;
1400
+ $modal-content-bg: $white !default;
1503
1401
  $modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;
1504
- $modal-content-border-width: var(--#{$prefix}border-width) !default;
1505
- $modal-content-border-radius: var(--#{$prefix}border-radius-lg) !default;
1402
+ $modal-content-border-width: $border-width !default;
1403
+ $modal-content-border-radius: $border-radius-lg !default;
1506
1404
  $modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
1507
1405
  $modal-content-box-shadow-xs: $box-shadow-sm !default;
1508
1406
  $modal-content-box-shadow-sm-up: $box-shadow !default;
@@ -1540,29 +1438,24 @@ $modal-scale-transform: scale(1.02) !default;
1540
1438
  $alert-padding-y: $spacer !default;
1541
1439
  $alert-padding-x: $spacer !default;
1542
1440
  $alert-margin-bottom: 1rem !default;
1543
- $alert-border-radius: var(--#{$prefix}border-radius) !default;
1441
+ $alert-border-radius: $border-radius !default;
1544
1442
  $alert-link-font-weight: $font-weight-bold !default;
1545
- $alert-border-width: var(--#{$prefix}border-width) !default;
1443
+ $alert-border-width: $border-width !default;
1546
1444
  $alert-bg-scale: -80% !default;
1547
1445
  $alert-border-scale: -70% !default;
1548
1446
  $alert-color-scale: 40% !default;
1549
1447
  $alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
1550
1448
  // scss-docs-end alert-variables
1551
1449
 
1552
- // fusv-disable
1553
- $alert-bg-scale: -80% !default; // Deprecated in v5.2.0, to be removed in v6
1554
- $alert-border-scale: -70% !default; // Deprecated in v5.2.0, to be removed in v6
1555
- $alert-color-scale: 40% !default; // Deprecated in v5.2.0, to be removed in v6
1556
- // fusv-enable
1557
1450
 
1558
1451
  // Progress bars
1559
1452
 
1560
1453
  // scss-docs-start progress-variables
1561
1454
  $progress-height: 1rem !default;
1562
1455
  $progress-font-size: $font-size-base * .75 !default;
1563
- $progress-bg: var(--#{$prefix}secondary-bg) !default;
1564
- $progress-border-radius: var(--#{$prefix}border-radius) !default;
1565
- $progress-box-shadow: var(--#{$prefix}box-shadow-inset) !default;
1456
+ $progress-bg: $gray-200 !default;
1457
+ $progress-border-radius: $border-radius !default;
1458
+ $progress-box-shadow: $box-shadow-inset !default;
1566
1459
  $progress-bar-color: $white !default;
1567
1460
  $progress-bar-bg: $primary !default;
1568
1461
  $progress-bar-animation-timing: 1s linear infinite !default;
@@ -1573,32 +1466,30 @@ $progress-bar-transition: width .6s ease !default;
1573
1466
  // List group
1574
1467
 
1575
1468
  // scss-docs-start list-group-variables
1576
- $list-group-color: var(--#{$prefix}body-color) !default;
1577
- $list-group-bg: var(--#{$prefix}body-bg) !default;
1578
- $list-group-border-color: var(--#{$prefix}border-color) !default;
1579
- $list-group-border-width: var(--#{$prefix}border-width) !default;
1580
- $list-group-border-radius: var(--#{$prefix}border-radius) !default;
1469
+ $list-group-color: $gray-900 !default;
1470
+ $list-group-bg: $white !default;
1471
+ $list-group-border-color: rgba($black, .125) !default;
1472
+ $list-group-border-width: $border-width !default;
1473
+ $list-group-border-radius: $border-radius !default;
1581
1474
 
1582
1475
  $list-group-item-padding-y: $spacer * .5 !default;
1583
1476
  $list-group-item-padding-x: $spacer !default;
1584
- // fusv-disable
1585
- $list-group-item-bg-scale: -80% !default; // Deprecated in v5.3.0
1586
- $list-group-item-color-scale: 40% !default; // Deprecated in v5.3.0
1587
- // fusv-enable
1477
+ $list-group-item-bg-scale: -80% !default;
1478
+ $list-group-item-color-scale: 40% !default;
1588
1479
 
1589
- $list-group-hover-bg: var(--#{$prefix}tertiary-bg) !default;
1480
+ $list-group-hover-bg: $gray-100 !default;
1590
1481
  $list-group-active-color: $component-active-color !default;
1591
1482
  $list-group-active-bg: $component-active-bg !default;
1592
1483
  $list-group-active-border-color: $list-group-active-bg !default;
1593
1484
 
1594
- $list-group-disabled-color: var(--#{$prefix}secondary-color) !default;
1485
+ $list-group-disabled-color: $gray-600 !default;
1595
1486
  $list-group-disabled-bg: $list-group-bg !default;
1596
1487
 
1597
- $list-group-action-color: var(--#{$prefix}secondary-color) !default;
1598
- $list-group-action-hover-color: var(--#{$prefix}emphasis-color) !default;
1488
+ $list-group-action-color: $gray-700 !default;
1489
+ $list-group-action-hover-color: $list-group-action-color !default;
1599
1490
 
1600
- $list-group-action-active-color: var(--#{$prefix}body-color) !default;
1601
- $list-group-action-active-bg: var(--#{$prefix}secondary-bg) !default;
1491
+ $list-group-action-active-color: $body-color !default;
1492
+ $list-group-action-active-bg: $gray-200 !default;
1602
1493
  // scss-docs-end list-group-variables
1603
1494
 
1604
1495
 
@@ -1606,11 +1497,11 @@ $list-group-action-active-bg: var(--#{$prefix}secondary-bg) !default;
1606
1497
 
1607
1498
  // scss-docs-start thumbnail-variables
1608
1499
  $thumbnail-padding: .25rem !default;
1609
- $thumbnail-bg: var(--#{$prefix}body-bg) !default;
1610
- $thumbnail-border-width: var(--#{$prefix}border-width) !default;
1500
+ $thumbnail-bg: $body-bg !default;
1501
+ $thumbnail-border-width: $border-width !default;
1611
1502
  $thumbnail-border-color: var(--#{$prefix}border-color) !default;
1612
- $thumbnail-border-radius: var(--#{$prefix}border-radius) !default;
1613
- $thumbnail-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
1503
+ $thumbnail-border-radius: $border-radius !default;
1504
+ $thumbnail-box-shadow: $box-shadow-sm !default;
1614
1505
  // scss-docs-end thumbnail-variables
1615
1506
 
1616
1507
 
@@ -1618,7 +1509,7 @@ $thumbnail-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
1618
1509
 
1619
1510
  // scss-docs-start figure-variables
1620
1511
  $figure-caption-font-size: $small-font-size !default;
1621
- $figure-caption-color: var(--#{$prefix}secondary-color) !default;
1512
+ $figure-caption-color: $gray-600 !default;
1622
1513
  // scss-docs-end figure-variables
1623
1514
 
1624
1515
 
@@ -1631,8 +1522,8 @@ $breadcrumb-padding-x: 0 !default;
1631
1522
  $breadcrumb-item-padding-x: .5rem !default;
1632
1523
  $breadcrumb-margin-bottom: 1rem !default;
1633
1524
  $breadcrumb-bg: null !default;
1634
- $breadcrumb-divider-color: var(--#{$prefix}secondary-color) !default;
1635
- $breadcrumb-active-color: var(--#{$prefix}secondary-color) !default;
1525
+ $breadcrumb-divider-color: $gray-600 !default;
1526
+ $breadcrumb-active-color: $gray-600 !default;
1636
1527
  $breadcrumb-divider: quote("/") !default;
1637
1528
  $breadcrumb-divider-flipped: $breadcrumb-divider !default;
1638
1529
  $breadcrumb-border-radius: null !default;
@@ -1701,7 +1592,7 @@ $btn-close-padding-x: .25em !default;
1701
1592
  $btn-close-padding-y: $btn-close-padding-x !default;
1702
1593
  $btn-close-color: $black !default;
1703
1594
  $btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
1704
- $btn-close-focus-shadow: $focus-ring-box-shadow !default;
1595
+ $btn-close-focus-shadow: $input-btn-focus-box-shadow !default;
1705
1596
  $btn-close-opacity: .5 !default;
1706
1597
  $btn-close-hover-opacity: .75 !default;
1707
1598
  $btn-close-focus-opacity: 1 !default;
@@ -1721,8 +1612,8 @@ $offcanvas-transition-duration: .3s !default;
1721
1612
  $offcanvas-border-color: $modal-content-border-color !default;
1722
1613
  $offcanvas-border-width: $modal-content-border-width !default;
1723
1614
  $offcanvas-title-line-height: $modal-title-line-height !default;
1724
- $offcanvas-bg-color: var(--#{$prefix}body-bg) !default;
1725
- $offcanvas-color: var(--#{$prefix}body-color) !default;
1615
+ $offcanvas-bg-color: $modal-content-bg !default;
1616
+ $offcanvas-color: $modal-content-color !default;
1726
1617
  $offcanvas-box-shadow: $modal-content-box-shadow-xs !default;
1727
1618
  $offcanvas-backdrop-bg: $modal-backdrop-bg !default;
1728
1619
  $offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;