Panels

While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

Version 1.0

Basic Example of Module

Usage & Code Tips

@include title of mixin

@include title of mixin

@include title of mixin

Source code:

 

 

Basic example

Version 1.0

Aumbry basic panel

Usage & Code Tips

Use template: sg_panel_basic

Source code:

 

 

Panel heading and footer

Version 1.0

Panel Heading

Aumbry panel content.

Aumbry panel contents.

Panel Footer

Usage & Code Tips

Use template: Header style sg_panel_header

Use template: Footer style sg_panel_footer

Source code:

 

 

Panel alternatives

Version 1.0

Aumbry panel

Panel body contents.

Aumbry panel

Panel body contents.

Aumbry panel

Panel body contents.

Aumbry panel

Panel body contents.

Aumbry panel

Panel body contents.

Usage & Code Tips

Use template: sg_panel_alt

Apply .panel-*to root container class

 

Available colour classes:

Primary: panel-primary

Success: panel-success

Info: panel-info

Warning: panel-warning

Danger: panel-danger

Source code: