Apply classes .list-1, .list-2, .list-3 on ul list to apply quick style. <ul class=”list-1″> <li>List text content</li> <li>List text content</li> </ul>
Common Typography
Apply class .title for general titles <h1 class=”title”>Title text</h1> Apply class .xlarge, .large, .medium, .small, .mini, .tiny along with title class to adjust a size of the title <h1 class=”title large”>Title text</h1> Apply class .title-sub for subtitle text <p class=”title-sub”>Sub title text</p> Apply class .large, .medium, .small, […]
Buttons
Button classes which used in the template. btn-default btn-primary btn-secondary btn-white btn-dark <a href=”#” class=”btn btn-default”>Button text</a> <a href=”#” class=”btn btn-primary”>Button text</a> <a href=”#” class=”btn btn-secondary”>Button text</a> <a href=”#” class=”btn btn-white”>Button text</a> <a href=”#” class=”btn btn-dark”>Button text</a> Apply class .solid along with button classes for a solid button <a […]
SHADOW Classes
Shadow Class .shadow-large .shadow-medium .shadow-small .shadow-mini .shadow-tiny .shadow-micro Hover Shadow Class .hov-shadow-large .hov-shadow-medium .hov-shadow-small .hov-shadow-mini .hov-shadow-tiny .hov-shadow-micro
OPACITY Classes
op-0 : For opacity: 0 op-001 : For opacity: 0.01 op-002 : For opacity: 0.02 op-003 : For opacity: 0.03 op-004 : For opacity: 0.04 op-005 : For opacity: 0.05 op-006 : For opacity: 0.06 op-007 : For opacity: 0.07 op-008 : For opacity: 0.08 op-009 : For opacity: 0.09 op-01 : For opacity: 0.1 op-02 : For opacity: 0.2 op-03 […]
Z-INDEX Classes
z1 : For z-index: 1. z2 : For z-index: 200. z3 : For z-index: 300. z4 : For z-index: 400. z5 : For z-index: 500. z6 : For z-index: 600. z7 : For z-index: 700. z8 : For z-index: 800. z9 : For z-index: 900. z10 : For z-index: 1000.
Common Classes
full-wh : class used to cover full-width x-height overlay div or background in any section. full-wh class use position absolute so it always dependent on parent tag position relative. no-border : For reset borders. pos-rel : Apply position relative to a tag. pos-abs : Apply position absolute on a tag. l0 : Apply left position 0. Generally, apply […]