This page lists CSS variables for Callouts.
Variable | Description |
---|---|
--callout-border-width |
Callout border width |
--callout-border-opacity |
Callout border opacity |
--callout-padding |
Callout padding |
--callout-radius |
Callout radius |
--callout-blend-mode |
Callout blend mode, allows color mixing for nested callouts |
--callout-title-color |
Callout title text color |
--callout-title-padding |
Callout title padding |
--callout-title-size |
Callout title font size |
--callout-title-weight |
Callout title weight |
--callout-content-padding |
Callout content padding |
--callout-content-background |
Callout content background color |
Callout types have unique icons and colors, and may have multiple aliases.
Variable | Callout type |
---|---|
--callout-bug |
bug |
--callout-default |
default , note |
--callout-error |
error , danger |
--callout-example |
example |
--callout-fail |
fail , failure , missing |
--callout-important |
important |
--callout-info |
info |
--callout-question |
question , help , faq |
--callout-success |
success , check , done |
--callout-summary |
summary , abstract , tldr |
--callout-tip |
tip , hint |
--callout-todo |
todo |
--callout-warning |
warning , caution , attention |
--callout-quote |
quote , cite |