Specific Roles

Roles are usually applied with the following syntax where the important-text CSS class would be applied to the slide title in the generated HTML:

[.important-text]
== Slide Title

* Some
* Information

[role="important-text"]
== Slide Title

* Some
* Information

See Asciidoctor’s documentation for more details.

Image specific note

In addition to the existing attributes to position images, roles can be used as well. However, the shorthand syntax (.) doesn’t work in the image macro arguments but must be used above with the angle bracket syntax. See images.adoc for examples.

Here is a list of supported roles:

right: Will apply a float: right style to the affected block