Features

Text

No Styles Added

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Backgrounds

sg-background-fixed

Buttons

Use markdown extra for styled buttons

To add markdown extra on a per page basis, add the following to your page header:

markdown:
  extra: true

All button styles require an additional class to be added. This is done with markdown extra by appending the class in curly brackets directly after the markdown link code. Consecutive style classes should be separated with a space.

[Title](link){.class .otherclass}

Use browser developer tools to see the styles of the buttons show here.

Primary Color Secondary Color Success Alert Warning Disabled

Primary Color Secondary Color Success Alert Warning

Tiny Small Standard Large

Expanded Button

Columns

First Block

This is the first column in the set

Second Block

This is the second column in the set

Third Block

This is the third column in the set

Fourth Block

This is the fourth column in the set

Fifth Block

This is the fifth column in the set

Sixth Block

This is the sixth column in the set

Seventh Block

This is the seventh column in the set

Eigth Block

This is the eigth column in the set

Ninth Block

This is the ninth column in the set