mirror of
https://github.com/kristoferjoseph/flexboxgrid.git
synced 2026-01-24 23:16:48 +00:00
Adds first pass at grid generator cli
This commit is contained in:
@@ -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
3
generator.js
Executable file
@@ -0,0 +1,3 @@
|
||||
#!/usr/bin/env node
|
||||
var flexboxgrid = require('./index')
|
||||
process.stdout.write(flexboxgrid().output)
|
||||
2
index.js
2
index.js
@@ -156,6 +156,8 @@ module.exports = function flexboxgrid(opts) {
|
||||
return getClass(overrides)
|
||||
}
|
||||
|
||||
getGrid()
|
||||
|
||||
return {
|
||||
output:output,
|
||||
getContainer:getContainer,
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
#!/bin/sh
|
||||
node ./index.js > flexboxgrid.css
|
||||
node ./generator.js > flexboxgrid.css
|
||||
./scripts/css
|
||||
|
||||
Reference in New Issue
Block a user