Column Layouts

cols-layout

col

cc-aside

col

cc-main

main

cols-layout

cc-vflex-at-md

col

cc-45p

col

cc-1c

cc-12c

col

flex-wrap-cols

col

cc-in-flex

col

grid-cols

col

cc-content

col

cc-p-responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

col

grid-cols

cc-3col

col

cc-p-0

col

grid-cols

cc-4col

col

cc-p-0

col

grid-cols

cc-h

note: -h for horizontal

Grid Layout Utilities

This Grid Layout utilities system is a streamlined version of Lumos by Timothy Ricks.
Grids can use values like subgrid or autofit.

u-grid-custom

example: u-grid-3col

example: u-grid-4col

u-grid-autofit

u-grid-sub

u-col

u-col-full