1
mirror of https://github.com/pure-css/pure synced 2024-11-18 02:36:30 +01:00

Generate Grids Units via Grunt task

This commit is contained in:
Eric Ferraiuolo 2013-11-18 14:46:19 -05:00
parent 5cec523755
commit dfff4fe238
3 changed files with 22 additions and 175 deletions

View File

@ -184,6 +184,13 @@ grunt.initConfig({
}
},
// -- Grid Units Config ----------------------------------------------------
grid_units: {
dest : 'build/grids-units.css',
units: 24
},
// -- CSS Selectors Config -------------------------------------------------
css_selectors: {
@ -233,6 +240,7 @@ grunt.registerTask('build', [
'clean:build',
'copy:build',
'css_selectors:base',
'grid_units',
'concat:build',
'clean:build_res',
'cssmin',

View File

@ -1,175 +0,0 @@
.pure-u-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-5-24,
.pure-u-7-24,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
display: inline-block;
*display: inline; /* IE < 8: fake inline-block */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.pure-u-1 {
width: 100%;
}
.pure-u-1-2 {
width: 50%;
*width: 49.969%;
}
.pure-u-1-3 {
width: 33.3333%;
*width: 33.3023%;
}
.pure-u-2-3 {
width: 66.6667%;
*width: 66.6357%;
}
.pure-u-1-4 {
width: 25%;
*width: 24.969%;
}
.pure-u-3-4 {
width: 75%;
*width: 74.969%;
}
.pure-u-1-5 {
width: 20%;
*width: 19.969%;
}
.pure-u-2-5 {
width: 40%;
*width: 39.969%;
}
.pure-u-3-5 {
width: 60%;
*width: 59.969%;
}
.pure-u-4-5 {
width: 80%;
*width: 79.969%;
}
.pure-u-1-6 {
width: 16.6667%;
*width: 16.6357%;
}
.pure-u-5-6 {
width: 83.3333%;
*width: 83.3023%;
}
.pure-u-1-8 {
width: 12.5%;
*width: 12.469%;
}
.pure-u-3-8 {
width: 37.5%;
*width: 37.469%;
}
.pure-u-5-8 {
width: 62.5%;
*width: 62.469%;
}
.pure-u-7-8 {
width: 87.5%;
*width: 87.469%;
}
.pure-u-1-12 {
width: 8.3333%;
*width: 8.3023%;
}
.pure-u-5-12 {
width: 41.6667%;
*width: 41.6357%;
}
.pure-u-7-12 {
width: 58.3333%;
*width: 58.3023%;
}
.pure-u-11-12 {
width: 91.6667%;
*width: 91.6357%;
}
.pure-u-1-24 {
width: 4.1667%;
*width: 4.1357%;
}
.pure-u-5-24 {
width: 20.8333%;
*width: 20.8023%;
}
.pure-u-7-24 {
width: 29.1667%;
*width: 29.1357%;
}
.pure-u-11-24 {
width: 45.8333%;
*width: 45.8023%;
}
.pure-u-13-24 {
width: 54.1667%;
*width: 54.1357%;
}
.pure-u-17-24 {
width: 70.8333%;
*width: 70.8023%;
}
.pure-u-19-24 {
width: 79.1667%;
*width: 79.1357%;
}
.pure-u-23-24 {
width: 95.8333%;
*width: 95.8023%;
}

14
tasks/grid_units.js Normal file
View File

@ -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.');
});
};