-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Timothy Morris edited this page Nov 9, 2016
·
4 revisions
This is just a long list of the css classes available to use.
The grid system is that of the Bootstrap Framework. There are four sizes:
- xs
- sm
- md
- lg
A single column can have a size (1 - 12) specified for each of these breakpoints.
To add padding to the columns, add the class .col-sm-p
, .col-sm-p--lg
(more padding) or .col-sm-p--sm
(less padding).
Every button needs to have the base .btn
class, either .btn--primary
or .btn--secondary
, and a color class (.btn--[color]
where color
is either red
, dk-red
, lt-blue
, blue
, or dk-blue
). The available options are:
-
.btn--block
: changes the button to a block level element that spans the width of its container -
.btn--lg
: makes the button large (roughly 2x larger) -
.btn--sm
: makes the button small (roughly 2x smaller) -
.btn--shadow
: adds a box shadow to the button -
.btn--shadow-hover
: adds a box shadow to the button on hover.