Adds first pass at grid generator cli

This commit is contained in:
Kristofer Joseph
2016-08-17 17:26:38 -07:00
parent 10fb05640c
commit fc724fee3b
5 changed files with 13 additions and 6 deletions

View File

@@ -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;}
}

3
generator.js Executable file
View File

@@ -0,0 +1,3 @@
#!/usr/bin/env node
var flexboxgrid = require('./index')
process.stdout.write(flexboxgrid().output)

View File

@@ -156,6 +156,8 @@ module.exports = function flexboxgrid(opts) {
return getClass(overrides)
}
getGrid()
return {
output:output,
getContainer:getContainer,

View File

@@ -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"

View File

@@ -1,3 +1,3 @@
#!/bin/sh
node ./index.js > flexboxgrid.css
node ./generator.js > flexboxgrid.css
./scripts/css