Skip to article frontmatterSkip to article content

Styling Admonitions

With many directives like admonitions, you can apply a class (string).

For example, to a note:

style.css
.styled-note {
  box-shadow: 0 0 20px 5px oklch(0.707 0.165 254.624);
}

.dark .styled-note {
  box-shadow: 0 0 20px 5px oklch(0.379 0.146 265.522);
}

Meanwhile, this note does not have a class:

You can also annotate the generic div directive with a class, for grouping units of markup.

Styled quotes inside divs are also cool

The MyST Team