Custom Text Styles

Custom style syntax

Additionally, text marked with hash symbols can be assigned built-in styles, such as big or underline.

Built-in CSS class syntax
Do werewolves believe in [.small]#small print#? (1)

[.big]##O##nce upon an infinite loop.
1 The first positional attribute is treated as a role. You can assign it a custom or built-in CSS class.
Rendered CSS class styled text

Do werewolves believe in small print?

Once upon an infinite loop.

You can format text with custom styles that you define as well.

Custom CSS class syntax
Type the word [.userinput]#asciidoctor# into the search bar.

When converted to HTML, the word asciidoctor is wrapped in <span> tags and the role userinput is used as the element’s CSS class.

HTML output
<span class="userinput">asciidoctor</span>