Switch csso out for cssmin, remove preceding period from config, update bower.json

This commit is contained in:
Daniel Eden 2014-02-23 11:11:43 -08:00
parent d32b3c5df9
commit 0dbda0efac
5 changed files with 15 additions and 16 deletions

View File

@ -26,13 +26,11 @@ module.exports = function(grunt) {
}, },
// Minify CSS // Minify CSS
csso: { cssmin: {
dist: { minify: {
files: { src: ['animate.css'],
// Output compressed CSS to style.min.css dest: 'animate.min.css',
'animate.min.css': ['animate.css'] },
}
}
}, },
// Watch files for changes // Watch files for changes
@ -41,10 +39,10 @@ module.exports = function(grunt) {
files: [ files: [
'source/**/*', 'source/**/*',
'!node_modules', '!node_modules',
'.animate-config.json' 'animate-config.json'
], ],
// Run Sass, autoprefixer, and CSSO // Run Sass, autoprefixer, and CSSO
tasks: ['concat-anim', 'autoprefixer', 'csso'], tasks: ['concat-anim', 'autoprefixer', 'cssmin'],
} }
} }
@ -54,11 +52,11 @@ module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-csso'); grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.registerTask('default', ['watch']); grunt.registerTask('default', ['concat-anim', 'autoprefixer', 'cssmin', 'watch']);
grunt.registerTask('concat-anim', 'Concatenates activated animations', function () { grunt.registerTask('concat-anim', 'Concatenates activated animations', function () {
var config = grunt.file.readJSON('.animate-config.json'), var config = grunt.file.readJSON('animate-config.json'),
target = [ 'source/_base.css' ], target = [ 'source/_base.css' ],
count = 0 count = 0

View File

@ -44,7 +44,7 @@ $ cd path/to/animate.css/
$ sudo npm install $ sudo npm install
``` ```
Next, run `grunt watch` to watch for changes and compile your custom builds. For example, if you want only some of the the “attention seekers”, simply edit the `.animate-config.json` file to select only the animations you want to use. Next, run `grunt watch` to watch for changes and compile your custom builds. For example, if you want only some of the the “attention seekers”, simply edit the `animate-config.json` file to select only the animations you want to use.
```javascript ```javascript
"attention_seekers": { "attention_seekers": {

View File

@ -95,4 +95,4 @@
"rollOut": true "rollOut": true
} }
} }

View File

@ -1,5 +1,5 @@
{ {
"name": "animate.css", "name": "animate.css",
"version": "3.0.0", "version": "3.1.0",
"main": "./animate.css" "main": "./animate.css"
} }

View File

@ -7,6 +7,7 @@
"grunt-contrib-sass": "~0.5.0", "grunt-contrib-sass": "~0.5.0",
"grunt-contrib-watch": "~0.5.3", "grunt-contrib-watch": "~0.5.3",
"grunt-csso": "~0.5.0", "grunt-csso": "~0.5.0",
"grunt-contrib-concat": "~0.3.0" "grunt-contrib-concat": "~0.3.0",
"grunt-contrib-cssmin": "~0.8.0"
} }
} }