es-grid-kiss
es-grid-kiss ---
Last updated 3 years ago by threepointone .
MIT · Original npm · Tarball · package.json
$ cnpm install es-grid-kiss 
SYNC missed versions from official npm registry.

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

Current Tags

  • 1.0.2                                ...           latest (3 years ago)

2 Versions

  • 1.0.2                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 2
Dependencies (3)
Dev Dependencies (16)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |