Merge branch 'rework-grids'

Author: ericf

Gruntfile.js

@@ -184,6 +184,13 @@ grunt.initConfig({
         }
     },
 
+    // -- Grid Units Config ----------------------------------------------------
+
+    grid_units: {
+        dest : 'build/grids-units.css',
+        units: [5, 24]
+    },
+
     // -- CSS Selectors Config -------------------------------------------------
 
     css_selectors: {
@@ -213,6 +220,7 @@ grunt.initConfig({
 
 // -- Main Tasks ---------------------------------------------------------------
 
+// npm tasks.
 grunt.loadNpmTasks('grunt-contrib-clean');
 grunt.loadNpmTasks('grunt-contrib-copy');
 grunt.loadNpmTasks('grunt-contrib-concat');
@@ -222,13 +230,17 @@ grunt.loadNpmTasks('grunt-contrib-compress');
 grunt.loadNpmTasks('grunt-contrib-watch');
 grunt.loadNpmTasks('grunt-css-selectors');
 
+// Local tasks.
+grunt.loadTasks('tasks/');
+
 grunt.registerTask('default', ['import', 'test', 'build']);
-grunt.registerTask('import', ['bower-install']);
+grunt.registerTask('import', ['bower_install']);
 grunt.registerTask('test', ['csslint']);
 grunt.registerTask('build', [
     'clean:build',
     'copy:build',
     'css_selectors:base',
+    'grid_units',
     'concat:build',
     'clean:build_res',
     'cssmin',
@@ -245,61 +257,4 @@ grunt.registerTask('release', [
     'compress:release'
 ]);
 
-// -- Suppress Task ------------------------------------------------------------
-
-grunt.registerTask('suppress', function () {
-    var allowed = ['success', 'fail', 'warn', 'error'];
-
-    grunt.util.hooker.hook(grunt.log, {
-        passName: true,
-
-        pre: function (name) {
-            if (allowed.indexOf(name) === -1) {
-                grunt.log.muted = true;
-            }
-        },
-
-        post: function () {
-            grunt.log.muted = false;
-        }
-    });
-});
-
-// -- Bower Tasks --------------------------------------------------------------
-
-grunt.registerTask('bower-install', 'Installs Bower dependencies.', function () {
-    var bower = require('bower'),
-        done  = this.async();
-
-    bower.commands.install()
-        .on('log', function (data) {
-            if (data.id !== 'install') { return; }
-            grunt.log.writeln('bower ' + data.id.cyan + ' ' + data.message);
-        })
-        .on('end', function (results) {
-            if (!Object.keys(results).length) {
-                grunt.log.writeln('No bower packages to install.');
-            }
-
-            done();
-        });
-});
-
-// -- License Task -------------------------------------------------------------
-
-grunt.registerMultiTask('license', 'Stamps license banners on files.', function () {
-    var options = this.options({banner: ''}),
-        banner  = grunt.template.process(options.banner),
-        tally   = 0;
-
-    this.files.forEach(function (filePair) {
-        filePair.src.forEach(function (file) {
-            grunt.file.write(file, banner + grunt.file.read(file));
-            tally += 1;
-        });
-    });
-
-    grunt.log.writeln('Stamped license on ' + String(tally).cyan + ' files.');
-});
-
 };

package.json

@@ -9,6 +9,7 @@
   "devDependencies": {
     "bower": "~1.2.5",
     "grunt": "~0.4.1",
+    "grunt-cli": "~0.1.9",
     "grunt-contrib-cssmin": "~0.6.0",
     "grunt-contrib-clean": "~0.5.0",
     "grunt-contrib-copy": "~0.4.1",
@@ -17,6 +18,6 @@
     "grunt-contrib-csslint": "~0.1.2",
     "grunt-contrib-watch": "~0.5.3",
     "grunt-css-selectors": "~0.1.0",
-    "grunt-cli": "~0.1.9"
+    "rework-pure-grids": "0.0.2"
   }
 }

src/grids/README.md

@@ -0,0 +1,13 @@
+Pure Grids
+==========
+
+Pure Grids ship with build-in 5ths- and 24ths-based units styles. The unit style
+rules are generated via Pure's [`rework-pure-grids`][rework-pure-grids]
+[Rework][] plugin.
+
+The tooling used by Pure to generate its built-in Grids can also be used to
+create custom Grids that use any nth-unit base.
+
+
+[rework-pure-grids]: https://github.com/ericf/rework-pure-grids
+[Rework]: https://github.com/visionmedia/rework

src/grids/css/grids-units.css

@@ -0,0 +1,21 @@
+'use strict';
+
+module.exports = function (grunt) {
+    grunt.registerTask('bower_install', 'Installs Bower dependencies.', function () {
+        var bower = require('bower'),
+            done  = this.async();
+
+        bower.commands.install()
+            .on('log', function (data) {
+                if (data.id !== 'install') { return; }
+                grunt.log.writeln('bower ' + data.id.cyan + ' ' + data.message);
+            })
+            .on('end', function (results) {
+                if (!Object.keys(results).length) {
+                    grunt.log.writeln('No bower packages to install.');
+                }
+
+                done();
+            });
+    });
+};

tasks/bower_install.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var rework    = require('rework'),
+    pureGrids = require('rework-pure-grids');
+
+module.exports = function (grunt) {
+    grunt.registerTask('grid_units', 'Generates grid units.', function (target) {
+        var config = grunt.config.get(this.name),
+            css    = rework('').use(pureGrids.units(config.units));
+
+        grunt.file.write(config.dest, css.toString({indent: '    '}));
+        grunt.log.writeln('File "' + config.dest + '" created.');
+    });
+};

tasks/grid_units.js

@@ -0,0 +1,18 @@
+'use strict';
+
+module.exports = function (grunt) {
+    grunt.registerMultiTask('license', 'Stamps license banners on files.', function () {
+        var options = this.options({banner: ''}),
+            banner  = grunt.template.process(options.banner),
+            tally   = 0;
+
+        this.files.forEach(function (filePair) {
+            filePair.src.forEach(function (file) {
+                grunt.file.write(file, banner + grunt.file.read(file));
+                tally += 1;
+            });
+        });
+
+        grunt.log.writeln('Stamped license on ' + String(tally).cyan + ' files.');
+    });
+};

tasks/license.js

@@ -0,0 +1,21 @@
+'use strict';
+
+module.exports = function (grunt) {
+    grunt.registerTask('suppress', 'Suppresses noisy logs', function () {
+        var allowed = ['success', 'fail', 'warn', 'error'];
+
+        grunt.util.hooker.hook(grunt.log, {
+            passName: true,
+
+            pre: function (name) {
+                if (allowed.indexOf(name) === -1) {
+                    grunt.log.muted = true;
+                }
+            },
+
+            post: function () {
+                grunt.log.muted = false;
+            }
+        });
+    });
+};