@watheia/content.layout.col-span v0.0.7

Column Span

Preset columns spans, for a 12-column CSS-grid.

import { colSpan } from "@bit/bit.base-ui.layout.col-span"

//...

return <div className={colSpan[8]}>I'm taking up 3/4 of the line</div>

Responsive presets:

import { colSpanL, colSpan } from "@bit/bit.base-ui.layout.col-span"

//...

;<div className={classNames(colSpan[12], colSpanL[6])}>I'm taking up 3/4 of the line</div>

breakpoints:

• colSpan (all)
• colSpanXs 360px
• colSpanSm 480px
• colSpanMd 768px
• colSpanL 920px
• colSpanLg 1080px
• colSpanXl 1440px