Pagination

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

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

Usage & Code Tips

Use template: sg_pagination_basic

Source code:

 

 

Sizing

Version 1.0

Usage & Code Tips

Use template: sg_pagination_sizes

Apply sizing class to ul tag (see class sizing below)

 

Available sizing classes:

.pagination-lg

null on default sizing

.pagination-sm

Source code:

 

 

Pager

Version 1.0

Usage & Code Tips

Use template: sg_pagination_pager

 

Available pager classes:

Alignments: .previous .nextaligns left and right of content

Disabled: .disableddisables links

Source code: