// // Callouts // .bd-callout { --#{$prefix}link-color-rgb: var(--bd-callout-link); --#{$prefix}code-color: var(--bd-callout-code-color); 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)); 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-color: var(--bs-#{$variant}-text); --bd-callout-bg: var(--bs-#{$variant}-bg-subtle); --bd-callout-border: var(--bs-#{$variant}-border-subtle); } }