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:
Will apply a
float: rightstyle to the affected block