library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-07 21:34:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use grunt-css-selectors Grunt plugin to prefix Normalize.css selectors

Browse Source
This commit is contained in:
Eric Ferraiuolo 2013-09-25 00:34:55 -04:00
parent 79411aea8c
commit 61e26272a9
2 changed files with 8 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
Gruntfile.js
View File

@ -184,15 +184,15 @@ grunt.initConfig({
}
},
// -- Contextualize Config -------------------------------------------------
// -- CSS Selectors Config -------------------------------------------------
contextualize: {
normalize: {
src : 'bower_components/normalize-css/normalize.css',
css_selectors: {
base: {
src : 'build/base.css',
dest: 'build/base-context.css',
options: {
prefix: '.pure'
mutations: [{prefix: '.pure'}]
}
}
},
@ -220,6 +220,7 @@ grunt.loadNpmTasks('grunt-contrib-csslint');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-compress');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-css-selectors');
grunt.registerTask('default', ['import', 'test', 'build']);
grunt.registerTask('import', ['bower-install']);
@ -227,7 +228,7 @@ grunt.registerTask('test', ['csslint']);
grunt.registerTask('build', [
'clean:build',
'copy:build',
'contextualize:normalize',
'css_selectors:base',
'concat:build',
'clean:build_res',
'cssmin',
@ -301,87 +302,4 @@ grunt.registerMultiTask('license', 'Stamps license banners on files.', function
grunt.log.writeln('Stamped license on ' + String(tally).cyan + ' files.');
});
// -- Contextualize Task -------------------------------------------------------
grunt.registerMultiTask('contextualize', 'Makes Contextualized CSS files.', function () {
var Parser = require('parserlib').css.Parser,
done = this.async(),
options = this.options({banner: ''}),
banner = grunt.template.process(options.banner),
processing = 0;
function oneDone() {
if (!(processing -= 1)) {
done();
}
}
this.files.forEach(function (filePair) {
if (!filePair.src.length) {
processing += 1;
return oneDone();
}
filePair.src.forEach(function (file) {
var src = grunt.file.read(file),
contextual = banner,
parser = new Parser();
parser.addListener('endstylesheet', function () {
grunt.file.write(filePair.dest, contextual);
grunt.log.writeln('File "' + filePair.dest + '" created.');
oneDone();
});
// Fired right before CSS properties are parsed for a certain rule.
// Go through and add all the selectors to the `css` string.
parser.addListener('startrule', function (event) {
var prefix = options.prefix;
event.selectors.forEach(function (selector, i) {
var nextSelector = event.selectors[i + 1];
// If the selector does not contain the html selector, we
// can go ahead and prepend `prefix` in front of it.
if (selector.text.indexOf('html') === -1) {
contextual += prefix + ' ' + selector.text;
} else if (selector.text.indexOf('html') !== -1) {
// If it contains `html`, replace the `html` with the
// `prefix`. Replace multiple spaces with a single
// space. This is for the case where
// `html input[type='button']` comes through as
// `html input[type='button']`.
contextual += selector.text.replace('html', prefix).replace(/ +/g, ' ');
}
// If theres another selector, add a comma.
if (nextSelector) {
contextual += ',\n';
} else {
// Otherwise, add an opening bracket for properties
contextual += ' {\n';
}
});
});
// Fired right after CSS properties are parsed for a certain rule.
// Add the closing bracket to end the CSS Rule.
parser.addListener('endrule', function (event) {
contextual += '}\n';
});
// Fired for each property that the parser encounters. Add these
// properties to the `css` string with 4 spaces.
parser.addListener('property', function (event) {
// Add 4 spaces tab.
contextual += ' ' + event.property + ': ' + event.value + ';\n';
});
// Do the parsing.
processing += 1;
parser.parse(src);
});
});
});
};

2
package.json
View File

@ -13,6 +13,6 @@
"grunt-contrib-compress": "~0.5.0",
"grunt-contrib-csslint": "~0.1.2",
"grunt-contrib-watch": "~0.5.3",
"parserlib": "~0.2.2"
"grunt-css-selectors": "~0.1.0"
}
}