diff --git a/flexboxgrid.css b/flexboxgrid.css index 7189b91..68c4a1d 100644 --- a/flexboxgrid.css +++ b/flexboxgrid.css @@ -1,12 +1,12 @@ .flexboxgrid{margin:0 auto;} .padded{padding: 0 2rem;} -.gutters > .row {margin-left: -1rem;} -.gutters > .row > .column {padding-left: 1rem;} +.gutters > .row{margin-left: -1rem;} +.gutters > .row > .column{padding-left: 1rem;} .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .flexboxgrid{margin:0 auto;} .padded{padding: 0 2rem;} -.gutters > .row {margin-left: -1rem;} -.gutters > .row > .column {padding-left: 1rem;} +.gutters > .row{margin-left: -1rem;} +.gutters > .row > .column{padding-left: 1rem;} .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;} .offset{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;} @@ -142,4 +142,3 @@ .first-lg{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;} .last-lg{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;} } - diff --git a/generator.js b/generator.js new file mode 100755 index 0000000..8248e77 --- /dev/null +++ b/generator.js @@ -0,0 +1,3 @@ +#!/usr/bin/env node +var flexboxgrid = require('./index') +process.stdout.write(flexboxgrid().output) diff --git a/index.js b/index.js index 797b159..fba89e1 100644 --- a/index.js +++ b/index.js @@ -156,6 +156,8 @@ module.exports = function flexboxgrid(opts) { return getClass(overrides) } + getGrid() + return { output:output, getContainer:getContainer, diff --git a/package.json b/package.json index ae15049..f615b4c 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,9 @@ "description": "Grid based on the flex display property", "style": "./flexboxgrid.css", "main": "./index.js", + "bin": { + "flexboxgrid": "./generator.js" + }, "scripts": { "build": "./scripts/build", "test": "tape ./test.js | tap-spec" diff --git a/scripts/build b/scripts/build index 073fe1b..3914d95 100755 --- a/scripts/build +++ b/scripts/build @@ -1,3 +1,3 @@ #!/bin/sh -node ./index.js > flexboxgrid.css +node ./generator.js > flexboxgrid.css ./scripts/css