@-ui/griddeprecated

A grid system for -ui

Usage no npm install needed!

<script type="module">
  import UiGrid from 'https://cdn.skypack.dev/@-ui/grid';
</script>

README

@-ui/grid

Bundlephobia Types Code coverage Build status NPM Version MIT License 

npm i @-ui/grid

A grid system for -ui

Quick Start

import styles from '@-ui/styles'
import {grid, Grid4, Grid8, Grid12, Grid16, Grid20, Grid24} from '@-ui/grid'

const myGrid = grid<Grid12>(styles, 12)
const Component = () => <div className={myGrid('1/12')} />

const otherStyles = styles({
  default: `
    ${myGrid.css('1/12')};
    height: 300px;
  `,
})

API

LICENSE

MIT