mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-13 07:41:08 +01:00
Merge pull request #505 from woneob/missing-semicolons
Clean up - missing semicolons, whitespace
This commit is contained in:
commit
c998dafebd
5 changed files with 43 additions and 37 deletions
16
Gruntfile.js
16
Gruntfile.js
|
@ -1,11 +1,8 @@
|
|||
module.exports = function(grunt) {
|
||||
|
||||
require('load-grunt-tasks')(grunt);
|
||||
|
||||
var concatAnim;
|
||||
|
||||
grunt.initConfig({
|
||||
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
|
||||
concat: {
|
||||
|
@ -71,22 +68,21 @@ module.exports = function(grunt) {
|
|||
tasks: ['default']
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// fuction to perform custom task
|
||||
concatAnim = function () {
|
||||
|
||||
var categories = grunt.file.readJSON('animate-config.json'),
|
||||
category, files, file,
|
||||
target = [ 'source/_base.css' ],
|
||||
count = 0;
|
||||
|
||||
for ( category in categories ) {
|
||||
if ( categories.hasOwnProperty(category) ) {
|
||||
files = categories[category]
|
||||
for (category in categories) {
|
||||
if (categories.hasOwnProperty(category)) {
|
||||
files = categories[category];
|
||||
|
||||
for (file in files) {
|
||||
if ( files.hasOwnProperty(file) && files[file] ) {
|
||||
if (files.hasOwnProperty(file) && files[file]) {
|
||||
target.push('source/' + category + '/' + file + '.css');
|
||||
count += 1;
|
||||
}
|
||||
|
@ -102,12 +98,10 @@ module.exports = function(grunt) {
|
|||
|
||||
grunt.config('concat', { 'animate.css': target });
|
||||
grunt.task.run('concat');
|
||||
|
||||
};
|
||||
|
||||
// register task
|
||||
grunt.registerTask('concat-anim', 'Concatenates activated animations', concatAnim); // custom task
|
||||
grunt.registerTask('default', ['concat-anim', 'autoprefixer', 'cssmin', 'usebanner']);
|
||||
grunt.registerTask('dev', ['watch']);
|
||||
|
||||
};
|
||||
|
|
|
@ -1,33 +1,30 @@
|
|||
@keyframes headShake {
|
||||
|
||||
|
||||
0 {
|
||||
transform: translateX(0)
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
6.5% {
|
||||
transform: translateX(-6px) rotateY(-9deg)
|
||||
transform: translateX(-6px) rotateY(-9deg);
|
||||
}
|
||||
|
||||
18.5% {
|
||||
transform: translateX(5px) rotateY(7deg)
|
||||
transform: translateX(5px) rotateY(7deg);
|
||||
}
|
||||
|
||||
31.5% {
|
||||
transform: translateX(-3px) rotateY(-5deg)
|
||||
transform: translateX(-3px) rotateY(-5deg);
|
||||
}
|
||||
|
||||
43.5% {
|
||||
transform: translateX(2px) rotateY(3deg)
|
||||
transform: translateX(2px) rotateY(3deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(0)
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.headShake {
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-name: headShake;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,33 +1,38 @@
|
|||
@keyframes jello {
|
||||
from, 11.1%, to {
|
||||
transform: none
|
||||
transform: none;
|
||||
}
|
||||
|
||||
22.2% {
|
||||
transform: skewX(-12.5deg) skewY(-12.5deg)
|
||||
transform: skewX(-12.5deg) skewY(-12.5deg);
|
||||
}
|
||||
|
||||
33.3% {
|
||||
transform: skewX(6.25deg) skewY(6.25deg)
|
||||
transform: skewX(6.25deg) skewY(6.25deg);
|
||||
}
|
||||
|
||||
44.4% {
|
||||
transform: skewX(-3.125deg) skewY(-3.125deg)
|
||||
transform: skewX(-3.125deg) skewY(-3.125deg);
|
||||
}
|
||||
|
||||
55.5% {
|
||||
transform: skewX(1.5625deg) skewY(1.5625deg)
|
||||
transform: skewX(1.5625deg) skewY(1.5625deg);
|
||||
}
|
||||
|
||||
66.6% {
|
||||
transform: skewX(-0.78125deg) skewY(-0.78125deg)
|
||||
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
||||
}
|
||||
|
||||
77.7% {
|
||||
transform: skewX(0.390625deg) skewY(0.390625deg)
|
||||
transform: skewX(0.390625deg) skewY(0.390625deg);
|
||||
}
|
||||
|
||||
88.8% {
|
||||
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
|
||||
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.jello{
|
||||
animation-name:jello;
|
||||
transform-origin: center
|
||||
animation-name:jello;
|
||||
transform-origin: center;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
@keyframes fadeIn {
|
||||
from {opacity: 0;}
|
||||
to {opacity: 1;}
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeIn {
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
@keyframes fadeOut {
|
||||
from {opacity: 1;}
|
||||
to {opacity: 0;}
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOut {
|
||||
|
|
Loading…
Reference in a new issue