Callout

This page lists CSS variables for Callouts.

CSS variables

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

Type colors

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