diff options
| author | Mark Otto <markdotto@gmail.com> | 2022-10-12 21:48:23 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2022-11-11 21:29:06 +0300 |
| commit | df60586af901ff5af7bbccefdf26fdc276aeb6a2 (patch) | |
| tree | 015336c6e1ab25320b2e1a90e76fa9e7e39fd0bf | |
| parent | 1676490d7bb4cfbc2ea0b4428e1cd8ed8eb7cfa0 (diff) | |
more theme colors on callouts
| -rw-r--r-- | site/assets/scss/_callouts.scss | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/site/assets/scss/_callouts.scss b/site/assets/scss/_callouts.scss index 4513a7d1d5..fc8dd57eff 100644 --- a/site/assets/scss/_callouts.scss +++ b/site/assets/scss/_callouts.scss @@ -6,6 +6,7 @@ padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; + color: var(--bd-callout-color, inherit); background-color: var(--bd-callout-bg, var(--bs-gray-100)); border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300)); @@ -24,12 +25,20 @@ .highlight { background-color: rgba($black, .05); } + + strong { + // color: var(--bs-emphasis-color); + } } // Variations @each $variant in $bd-callout-variants { .bd-callout-#{$variant} { - --bd-callout-bg: rgba(var(--bs-#{$variant}-rgb), .075); - --bd-callout-border: rgba(var(--bs-#{$variant}-rgb), .5); + // --bd-callout-bg: rgba(var(--bs-#{$variant}-rgb), .075); + // --bd-callout-border: rgba(var(--bs-#{$variant}-rgb), .5); + + --bd-callout-color: var(--bs-#{$variant}-text); + --bd-callout-bg: var(--bs-#{$variant}-bg-subtle); + --bd-callout-border: var(--bs-#{$variant}-border-subtle); } } |