<%= htmlWebpackPlugin.options.titlePage %>

<% for (itemMenuSidebar of htmlWebpackPlugin.options.listMenu[0].child) { %>

<%= itemMenuSidebar.label %>

<%= itemMenuSidebarChild.label %>

<% } %>

Theme Colour

TRAVLR UI Kit uses Theme Colour font icons which are composed of some 250+ icons. Easily style icons using border color classes, background color classes and size classes. Highlight icons using the class.

Example

                            
                              <span class="t-color-primary"></span>
                              <span class="t-color-primary-light"></span>
                              <span class="t-color-primary-dark"></span>

                              <span class="t-background-primary"></span>
                              <span class="t-background-primary-light"></span>
                              <span class="t-background-primary-dark"></span>

Primary

Primary light

Primary dark

Primary

Primary Light

Primary Dark

Theme Colour List Text

Rollover any icon to see icon class name.

.t-color-primary

.t-color-primary-light

.t-color-primary-dark

.t-color-secondary

.t-color-secondary-light

.t-color-secondary-dark

.t-color-tertiary

.t-color-tertiary-light

.t-color-tertiary-dark

.t-color-white

.t-color-grey-lightest

.t-color-grey-lighter

.t-color-grey-light

.t-color-grey-med

.t-color-grey-dark

.t-color-grey-darker

.t-color-grey-darkest

.t-color-black

.t-color-danger

.t-color-warning

.t-color-success

Theme Colour List Background

Rollover any icon to see icon class name.

.t-background-primary

.t-background-primary-light

.t-background-primary-dark

.t-background-secondary

.t-background-secondary-light

.t-background-secondary-dark

.t-background-tertiary

.t-background-tertiary-light

.t-background-tertiary-dark

.t-background-white

.t-background-grey-lightest

.t-background-grey-lighter

.t-background-grey-light

.t-background-grey-med

.t-background-grey-dark

.t-background-grey-darker

.t-background-grey-darkest

.t-background-black

.t-background-danger

.t-background-warning

.t-background-success

<%= require('html-loader!./../components/footer-documentation.html') %>