Anole Demo - Labels

.an-labels

Please note that the names of these labels are subject to change. They are intended to provide a set of easy to remember components and give a standard for building your websites and applications. However, there are other labels included with anole that have less standard names and serve to provide greater variety within the framework. See "non-standard labels."

PRO-TIP:

Any text following a label should not have any extra space. Labels already have adequate spacing (via "margin:").

.an-label-standard

.an-label-critical

.an-label-information

.an-label-optional

Non-standard labels

These are the remaining labels available in Anole. They provide a wider selection of colours, which you can use for any purpose you choose.

PRO-TIP:

For the sake of consistency, you should plan ahead which colours you are going use in your website or application, and stick with them.

.an-label-black

.an-label-blue

.an-label-green

.an-label-orange

.an-label-purple

an-label-red

.an-label-white

.an-label-yellow