Grid

Small View Columns

Widths for viewports between < 600px.

Examples

c-xs-half-1

c-xs-half-1

c-xs-full

Notes

None at this time.

Resources

Sass File(s) /sass/core/_gridsystem.scss
JS File(s) None Required
JS Functions None
Locale Keys None

Accessibility

None at this time.

Medium View Columns

Widths for viewports between 600 & 800px.

Examples

c-sm-quarter-1

c-sm-quarter-1

c-sm-quarter-1

c-sm-quarter-1

c-sm-quarter-2

c-sm-quarter-2

c-sm-quarter-3

c-sm-quarter-1

c-sm-quarter-4

c-sm-third-1

c-sm-third-1

c-sm-third-1

c-sm-third-2

c-sm-third-1

c-sm-third-3

Notes

None at this time.

Resources

Sass File(s)/sass/core/_gridsystem.scss
JS File(s)None Required
JS FunctionsNone
Locale KeysNone

Accessibility

None at this time.

Large View Columns

Widths for viewports >= 800px.

Examples

c-md-13

c-md-12

c-md-1

c-md-11

c-md-2

c-md-10

c-md-3

c-md-9

c-md-4

c-md-8

c-md-5

c-md-7

c-md-6

c-md-6

c-md-7

c-md-5

c-md-8

c-md-4

c-md-9

c-md-3

c-md-10

c-md-2

c-md-11

c-md-1

c-md-12

c-md-quarter-1

c-md-quarter-1

c-md-quarter-1

c-md-quarter-1

c-md-quarter-2

c-md-quarter-2

c-md-quarter-1

c-md-quarter-3

c-md-quarter-4

c-md-third-1

c-md-third-1

c-md-third-1

c-md-third-1

c-md-third-2

Notes

Any combination of columns can be used, but cannot exceed a total of 13.

Resources

Sass File(s)/sass/core/_gridsystem.scss
JS File(s)None Required
JS FunctionsNone
Locale KeysNone

Accessibility

None at this time.

To Top