jekyll-theme-centos 2.2.21 → 2.3.0.beta.1

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