diff options
Diffstat (limited to '')
-rw-r--r-- | site/assets/scss/_callouts.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/site/assets/scss/_callouts.scss b/site/assets/scss/_callouts.scss new file mode 100644 index 0000000..4513a7d --- /dev/null +++ b/site/assets/scss/_callouts.scss @@ -0,0 +1,35 @@ +// +// Callouts +// + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + background-color: var(--bd-callout-bg, var(--bs-gray-100)); + border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300)); + + h4 { + margin-bottom: .25rem; + } + + > :last-child { + margin-bottom: 0; + } + + + .bd-callout { + margin-top: -.25rem; + } + + .highlight { + background-color: rgba($black, .05); + } +} + +// 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); + } +} |