Style Guide

The Simplicity styleguide lists all available elemnts to style your content.

Colors

Simplicity allows you to change the colors to your taste quickly. Just open _sass/_01_colors.scss and tune your colors.

Four possible brand colors and four colors to style alerts.

CI-1
CI-2
CI-3
CI-4
alert
success
warning
info

Alerts

With alerts you insert warnings, info-boxes or hints. Use the alert-include in _includes/.

This is a warning with a Link and italic and bold text.

An info box with a Link and italic and bold text.

A success box with a Link and italic and bold text.

An alert box with a Link and italic and bold text.

jekyll -serve

Just a note with a Link and italic and bold text.

Buttons

Use them with <a> or <button>.

Button Alert Button Info Button Success Button Warning Button Grey Button

Written by Moritz »mo.« Sauer //