4 Btn

4.1 Button theme a

Generated with config: _themeName=a, bold=false, borderRadius=false, themeIndex=1, themeName=a

Anchor button
.btn-theme-a

Normal state style.

Anchor button
.btn-theme-a.btn-state-hover

Hover state style.

Anchor button
.btn-theme-a.btn-state-active

Active state style.

Anchor button
.btn-theme-a.btn-primary

Primary button style.

Anchor button
.btn-theme-a.btn-disabled

Disabled style.

Anchor button
<a href="javascript:void(0)" class="btn-theme-a {$modifiers}">Anchor button</a>
<button class="btn-theme-a {$modifiers}">Button button</button>
<input type='submit' class="btn-theme-a {$modifiers}" value="Submit button"/>

4.2 Button theme b

Generated with config: _themeName=b, bold=false, borderRadius=4px, themeIndex=2, themeName=b

Anchor button
.btn-theme-b

Normal state style.

Anchor button
.btn-theme-b.btn-state-hover

Hover state style.

Anchor button
.btn-theme-b.btn-state-active

Active state style.

Anchor button
.btn-theme-b.btn-primary

Primary button style.

Anchor button
.btn-theme-b.btn-disabled

Disabled style.

Anchor button
<a href="javascript:void(0)" class="btn-theme-b {$modifiers}">Anchor button</a>
<button class="btn-theme-b {$modifiers}">Button button</button>
<input type='submit' class="btn-theme-b {$modifiers}" value="Submit button"/>

4.3 Button theme c

Generated with config: _themeName=c, bold=true, borderRadius=false, themeIndex=3, themeName=c

Anchor button
.btn-theme-c

Normal state style.

Anchor button
.btn-theme-c.btn-state-hover

Hover state style.

Anchor button
.btn-theme-c.btn-state-active

Active state style.

Anchor button
.btn-theme-c.btn-primary

Primary button style.

Anchor button
.btn-theme-c.btn-disabled

Disabled style.

Anchor button
<a href="javascript:void(0)" class="btn-theme-c {$modifiers}">Anchor button</a>
<button class="btn-theme-c {$modifiers}">Button button</button>
<input type='submit' class="btn-theme-c {$modifiers}" value="Submit button"/>

4.4 Button theme d

Generated with config: _themeName=d, bold=true, borderRadius=4px, themeIndex=4, themeName=d

Anchor button
.btn-theme-d

Normal state style.

Anchor button
.btn-theme-d.btn-state-hover

Hover state style.

Anchor button
.btn-theme-d.btn-state-active

Active state style.

Anchor button
.btn-theme-d.btn-primary

Primary button style.

Anchor button
.btn-theme-d.btn-disabled

Disabled style.

Anchor button
<a href="javascript:void(0)" class="btn-theme-d {$modifiers}">Anchor button</a>
<button class="btn-theme-d {$modifiers}">Button button</button>
<input type='submit' class="btn-theme-d {$modifiers}" value="Submit button"/>