Skip to content
Timothy Morris edited this page Nov 9, 2016 · 4 revisions
Clone this wiki locally

Skydive CT Theme Wiki

This is just a long list of the css classes available to use.

Grid System

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).

Buttons

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.