msche/AsciidoctorSemanticColors

Demonstrates use of docinfo file

AsciidoctorSemanticColors

Demonstrates use of docinfo file

see demo: http://tedbergeron.github.io/AsciidoctorSemanticColors

ADOC File

Add the :docinfo1: attribute at the top.

(see docinfo.html file in repo.)

docinfo.html

This file contains your custom styles

Note	Roles are case-sensitive. For example the style for 'primary' is lower-case in the docinfo file.

.primary { color: #ba3925; }
.primary-background { background-color: #ff8c7a; }

Usage of the 'danger' style in .adoc file

icon:exclamation-circle[role=danger]

Generating the index.html file

At the command prompt, run Asciidoctor

> asciidoctor index.adoc

This will generate the index.html file.