es-grid-kiss
v1.0.2
Published
es-grid-kiss ---
Downloads
3
Readme
es-grid-kiss
postcss-grid-kiss, but in your js
import { grid } from 'es-grid-kiss'
const App = () => grid`
"+------------------------------------+ "
"| ${<Header/>} ↑ | 120px"
"+------------------------------------+ "
" "
"+-- 30% --------+ +--- auto --------+ "
"| ${<Sidebar/>} | | ${<Main/>} | auto "
"+---------------+ +-----------------+ "
" "
"+------------------------------------+ "
"| ↓ | 60px "
"| → ${<Footer/>} ← | "
"+------------------------------------+ "
`
usage
add 'es-grid-kiss/lib/babel'
to the plugins
field of your babel config
nb:
css grids are behind flags on major browsers, and the polyfill gives mixed results. ymmv.
todo
- non-babel version, if there's any demand