Helper classes

Version 1.0

Basic Example of Module

Usage & Code Tips

@include title of mixin

@include title of mixin

@include title of mixin

Source code:

 

 

Contextual colours

Version 1.0

Muted - Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Primary -Nullam id dolor id nibh ultricies vehicula ut id elit.

Success - Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Info - Maecenas sed diam eget risus varius blandit sit amet non magna.

Warning - Etiam porta sem malesuada magna mollis euismod.

Danger - Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Usage & Code Tips

Apply contextual class to <p class="*">

 

Available contextual colours:

.text-muted

.text-primary

.text-success

.text-info

.text-warning

.text-danger

Source code:

 

 

Contextual backgrounds

Version 1.0

Etiam porta sem malesuada magna mollis euismod.

Etiam porta sem malesuada magna mollis euismod.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Usage & Code Tips

Apply contextual background classes to  <p class="*">

 

Available contextual background colours:

.bg-primary

.bg-success

.bg-info

.bg-warning

.bg-danger

Source code:

 

 

Element classes

Version 1.0

Quick floats (apply to <div class="*">  ) :

Left: .pull-left

Right: .pull-right

 

Center content blocks (apply to <div class="*">

.center-block

 

Showing and hiding content (apply to <div class="*">)

Hide: .hide

Show: .show

 

Clearfix for clearing floats (apply to <div class="*">)

.clearfix

Usage & Code Tips

@include title of mixin

@include title of mixin

@include title of mixin

Source code: