mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 19:06:40 +02:00
Code Issues Releases Wiki Activity

Docs: enhance callouts links on dark mode

Browse Source
This commit is contained in:
Julien Déramond
2022-12-29 21:38:42 +01:00
committed by Mark Otto
parent dabc081f6f
commit 1a043b55bc
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/assets/scss/_callouts.scss
View File

@@ -3,7 +3,7 @@
// //
.bd-callout { .bd-callout {
--#{$prefix}link-color-rgb: #{to-rgb($blue-600)}; --#{$prefix}link-color-rgb: var(--bd-callout-link);
padding: 1.25rem; padding: 1.25rem;
margin-top: 1.25rem; margin-top: 1.25rem;

2
site/assets/scss/_variables.scss
View File

@@ -21,6 +21,7 @@ $bd-callout-variants: info, warning, danger !default;
--bd-violet-bg: var(--bd-violet); --bd-violet-bg: var(--bd-violet);
--bd-toc-color: var(--bd-violet); --bd-toc-color: var(--bd-violet);
--bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1); --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
--bd-callout-link: #{to-rgb($blue-600)};
} }
@include color-mode(dark, true) { @include color-mode(dark, true) {
@@ -28,4 +29,5 @@ $bd-callout-variants: info, warning, danger !default;
--bd-violet-bg: #{$bd-violet}; --bd-violet-bg: #{$bd-violet};
--bd-toc-color: var(--#{$prefix}emphasis-color); --bd-toc-color: var(--#{$prefix}emphasis-color);
--bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5); --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5);
--bd-callout-link: #{to-rgb($blue-300)};
} }