Revert "a"

This reverts commit 1e00a65c01.
2024-11-17 17:45:17 +01:00 · 2014-02-03 14:54:33 +09:00 · 2014-02-03 14:54:33 +09:00 · dc4acccbc4
commit dc4acccbc4
parent 1e00a65c01
6 changed files with 2910 additions and 0 deletions
--- a/Gruntfile.js
+++ b/Gruntfile.js
@ -0,0 +1,83 @@
+module.exports = function(grunt) {
+  pkg: grunt.file.readJSON('package.json'),
+  grunt.initConfig({
+
+    // Concatenate CSS files
+    concat: {
+      dist: {
+        src: [
+          // _base.css required for .animated helper class
+          'source/_base.css',
+          'source/**/*.css'
+        ],
+        dest: 'animate.css'
+      }
+    },
+
+    // Auto-prefix CSS properties using Can I Use?
+    autoprefixer: {
+      options: {
+        browsers: ['last 3 versions', 'bb 10', 'android 3']
+      },
+      no_dest: {
+        // File to output
+        src: 'animate.css'
+      },
+    },
+
+    // Minify CSS
+    csso: {
+      dist: {
+        files: {
+          // Output compressed CSS to style.min.css
+          'animate.min.css': ['animate.css']
+        }
+      }
+    },
+
+    // Watch files for changes
+    watch: {
+      css: {
+        files: [
+          'source/**/*',
+          '!node_modules',
+          '.animate-config.json'
+        ],
+        // Run Sass, autoprefixer, and CSSO
+        tasks: ['concat-anim', 'autoprefixer', 'csso'],
+      }
+    }
+
+  });
+
+  // Register our tasks
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-concat');
+  grunt.loadNpmTasks('grunt-autoprefixer');
+  grunt.loadNpmTasks('grunt-csso');
+  grunt.registerTask('default', ['watch']);
+
+  grunt.registerTask('concat-anim', 'Concatenates activated animations', function () {
+    var config = grunt.file.readJSON('.animate-config.json'),
+        target = [ 'source/_base.css' ],
+        count = 0
+
+    for (var cat in config) {
+      for (var file in config[cat]) {
+        if (config[cat][file]) {
+          target.push('source/' + cat + '/' + file + '.css')
+          count++
+        }
+      }
+    }
+
+    if (!count) {
+      grunt.log.writeln('No animations activated.')
+    }
+
+    grunt.log.writeln(count + (count > 1 ? ' animations' : ' animation') + ' activated.')
+
+    grunt.config('concat', { 'animate.css': target })
+    grunt.task.run('concat')
+  });
+};
--- a/README.md
+++ b/README.md
@ -0,0 +1,65 @@
+#Animate.css
+*Just-add-water CSS animation*
+
+`animate.css` is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
+
+##Usage
+To use animate.css in your website, simply drop the stylesheet into your document's `<head>`, and add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
+
+```html
+<head>
+	<link rel="stylesheet" href="animate.min.css">
+</head>
+```
+
+You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:
+
+```javascript
+$('#yourElement').addClass('animated bounceOutLeft');
+```
+
+You can also detect when an animation ends:
+
+```javascript
+$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething());
+```
+
+You can change the duration of your animations, add a delay or change the number of times that it plays:
+
+```css
+#yourElement {
+	-vendor-animation-duration: 3s;
+	-vendor-animation-delay: 2s;
+	-vendor-animation-iteration-count: infinite;
+}
+```
+
+*Note: be sure to replace "vendor" in the CSS with the applicable vendor prefixes (webkit, moz, etc)*
+
+## Custom Builds
+Animate.css is powered by [Grunt](http://gruntjs.com), and you can create custom builds pretty easily. First of all, you’ll need Grunt and all other dependencies:
+
+```
+$ cd path/to/animate.css/
+$ 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.
+
+```javascript
+"attention_seekers": {
+  "bounce": true,
+  "flash": false,
+  "pulse": false,
+  "shake": true,
+  "swing": true,
+  "tada": true,
+  "wobble": true
+}
+```
+
+## License
+Animate.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)
+
+## Contributing
+Pull requests are the way to go here. I apologise in advance for the slow action on pull requests and issues. I only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a [pen](http://codepen.io). That last one is important.
--- a/animate.css
+++ b/animate.css
--- a/animate.min.css
+++ b/animate.min.css
--- a/bower.json
+++ b/bower.json
@ -0,0 +1,5 @@
+{
+  "name": "animate.css",
+  "version": "3.0.0",
+  "main": "./animate.css"
+}
--- a/package.json
+++ b/package.json
@ -0,0 +1,12 @@
+{
+  "name": "animate.css",
+  "version": "3.0.0",
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-autoprefixer": "~0.4.0",
+    "grunt-contrib-sass": "~0.5.0",
+    "grunt-contrib-watch": "~0.5.3",
+    "grunt-csso": "~0.5.0",
+    "grunt-contrib-concat": "~0.3.0"
+  }
+}