KSS Style Guide

Buttons

Toggle example guides Toggle HTML markup

4 types of default buttons atoms

<insert-markup>atoms.buttons-</insert-markup>
Click me
.-primary
default button
<insert-markup>atoms.buttons-0</insert-markup>
Click me
.-secondary
secondary button
<insert-markup>atoms.buttons-1</insert-markup>
Click me
.-success
Success button
<insert-markup>atoms.buttons-2</insert-markup>
Click me
.-warning
Warning button
<insert-markup>atoms.buttons-3</insert-markup>
Click me
.-ghost
Ghost version button
<insert-markup>atoms.buttons-4</insert-markup>
Click me
Markup: ..\..\styleguide\templates\atoms\buttons.html 
<a href="#" class="rocksite-a-button [modifier class]">
	Click me
</a>
Source: ../source/sass/05-blocks/button/_style.scss, line 1