Merge 4804c72 into ebfa55c

.gitignore

@@ -5,3 +5,4 @@ dist/
 *.css.map
 assets/css/taggle.min.css
 .sass-cache
+.tscache/

Gruntfile.js

@@ -144,15 +144,23 @@ module.exports = function(grunt) {
                     ]
                 }]
             }
+        },
+
+        ts: {
+            default: {
+                tsconfig: 'types/tsconfig.json'
+            }
         }
     });
 
+    grunt.loadNpmTasks('grunt-ts');
+
     // register task
     grunt.registerTask('build', ['test', 'css', 'modern', 'ie9', 'ie8']);
     grunt.registerTask('build-modern', ['test', 'css', 'uglify:main']);
     grunt.registerTask('build-ie9', ['test', 'css', 'ie9']);
     grunt.registerTask('build-ie8', ['test', 'css', 'ie8']);
-    grunt.registerTask('test', ['eslint', 'karma']);
+    grunt.registerTask('test', ['eslint', 'karma', 'ts']);
     grunt.registerTask('css', ['sass', 'postcss']);
     grunt.registerTask('dev', ['watch']);
 

example/css/taggle.css

@@ -54,28 +54,16 @@ p a:hover {
   background: #990033;
   color: #fff; }
 
-@-webkit-keyframes bounce {
-  0%, 20%, 50%, 80%, 100% {
-    -webkit-transform: translateY(0); }
-  40% {
-    -webkit-transform: translateY(-16px); }
-  60% {
-    -webkit-transform: translateY(-7px); } }
-
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
-    -webkit-transform: translateY(0);
-            transform: translateY(0); }
+    transform: translateY(0); }
   40% {
-    -webkit-transform: translateY(-16px);
-            transform: translateY(-16px); }
+    transform: translateY(-16px); }
   60% {
-    -webkit-transform: translateY(-7px);
-            transform: translateY(-7px); } }
+    transform: translateY(-7px); } }
 
 .bounce {
-  -webkit-animation-name: bounce;
-          animation-name: bounce; }
+  animation-name: bounce; }
 
 #forkongithub a {
   background: #990033;
@@ -115,10 +103,8 @@ p a:hover {
   position: relative;
   cursor: pointer;
   transition: all .3s;
-  -webkit-animation-duration: 1s;
-          animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both; }
+  animation-duration: 1s;
+  animation-fill-mode: both; }
 
 .taggle_list .taggle_hot {
   background: #cac8c4; }