@waweb/compendium.base-ui.layout.col-span
v0.0.1
Published
Preset columns spans, for a 12-column CSS-grid.
Downloads
2
Maintainers
Readme
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