Base.scss

Headings

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading
Paragraphs

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Links
Pretty cool link
Unordered list
  • List item 1
  • List item 2
  • List item 3
Ordered list
  1. List item 1
  2. List item 2
  3. List item 3
Acronyms

I love writing CSS.

Blockquotes
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Images
Sample image

Buttons.scss

Normal states
Default Danger Primary Success Warning
Disabled state

Flashes.scss

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Forms.scss

Checkbox 1
Checkbox 2
Checkbox 3
Radio 1
Radio 2
Radio 3

Tables.scss

Table header 1 Table header 2 Table header 3
Column 1 Column 1 Column 1
Column 1 Column 1 Column 1
Column 1 Column 1 Column 1

Grid.scss

Default grid

1

1

1

1

1

1

1

1

1

1

1

1

2

2

2

2

2

2

3

3

3

3

4

4

4

6

6

Vertical align

top

middle

bottom