Merge pull request #1 from jaicab/master

Autoprefixer an syntax improvements
aurbano · Jun 6, 2015 · a4e4f22 · a4e4f22
2 parents d24af48 + a91fbbd
commit a4e4f22
Show file tree

Hide file tree

Showing 6 changed files with 196 additions and 197 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -77,6 +77,14 @@ module.exports = function(grunt) {
           dest: 'build/index.html'
         }]
       }
+    },
+    autoprefixer: {
+      options: {
+        browsers: ['last 2 versions', 'Firefox >= 5', 'Opera >= 12', 'Safari >= 4', 'ie 8', 'ie 9'],
+      },
+      dist: {
+        src: ['css/sonar.css', 'css/sonar.min.css']
+      },
     }
   });
 
@@ -86,8 +94,9 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-gh-pages');
   grunt.loadNpmTasks('grunt-contrib-clean');
   grunt.loadNpmTasks('grunt-replace');
+  grunt.loadNpmTasks('grunt-autoprefixer');
 
   grunt.registerTask('default', ['watch']);
-  grunt.registerTask('build', ['sass:dev', 'sass:dist', 'copy', 'replace']);
+  grunt.registerTask('build', ['sass:dev', 'sass:dist', 'autoprefixer:dist', 'copy', 'replace']);
   grunt.registerTask('deploy', ['build', 'gh-pages']);
 };
diff --git a/css/sonar.css b/css/sonar.css
@@ -103,9 +103,9 @@ Copyright (c) 2015 Alejandro U. Alvarez
 .sonar {
   position: relative;
 }
-.sonar::after {
+.sonar:after {
   z-index: -1;
-  padding: 0px;
+  padding: 0;
   top: 0;
   left: 0;
   width: 100%;
@@ -114,192 +114,191 @@ Copyright (c) 2015 Alejandro U. Alvarez
   display: block;
   position: absolute;
   -webkit-animation-name: sonar-base;
-  -moz-animation-name: sonar-base;
-  -o-animation-name: sonar-base;
-  animation-name: sonar-base;
+     -moz-animation-name: sonar-base;
+       -o-animation-name: sonar-base;
+          animation-name: sonar-base;
   -webkit-animation-iteration-count: 1;
-  -moz-animation-iteration-count: 1;
-  -o-animation-iteration-count: 1;
-  animation-iteration-count: 1;
+     -moz-animation-iteration-count: 1;
+       -o-animation-iteration-count: 1;
+          animation-iteration-count: 1;
   -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  -o-animation-duration: 1s;
-  animation-duration: 1s;
+     -moz-animation-duration: 1s;
+       -o-animation-duration: 1s;
+          animation-duration: 1s;
   -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  -o-box-sizing: content-box;
-  box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
 }
-.sonar.sonar-infinite::after {
+.sonar.sonar-infinite:after {
   -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  -o-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
+     -moz-animation-iteration-count: infinite;
+       -o-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
 }
-.sonar.sonar-delay::after {
+.sonar.sonar-delay:after {
   -webkit-animation-delay: 1s;
-  -moz-animation-delay: 1s;
-  -o-animation-delay: 1s;
-  animation-delay: 1s;
+     -moz-animation-delay: 1s;
+       -o-animation-delay: 1s;
+          animation-delay: 1s;
 }
-.sonar.sonar-delay-long::after {
+.sonar.sonar-delay-long:after {
   -webkit-animation-delay: 2s;
-  -moz-animation-delay: 2s;
-  -o-animation-delay: 2s;
-  animation-delay: 2s;
+     -moz-animation-delay: 2s;
+       -o-animation-delay: 2s;
+          animation-delay: 2s;
 }
-.sonar.sonar-delay-longer::after {
+.sonar.sonar-delay-longer:after {
   -webkit-animation-delay: 4s;
-  -moz-animation-delay: 4s;
-  -o-animation-delay: 4s;
-  animation-delay: 4s;
+     -moz-animation-delay: 4s;
+       -o-animation-delay: 4s;
+          animation-delay: 4s;
 }
-.sonar.sonar-delay-short::after {
+.sonar.sonar-delay-short:after {
   -webkit-animation-delay: 0.5s;
-  -moz-animation-delay: 0.5s;
-  -o-animation-delay: 0.5s;
-  animation-delay: 0.5s;
+     -moz-animation-delay: 0.5s;
+       -o-animation-delay: 0.5s;
+          animation-delay: 0.5s;
 }
-.sonar.sonar-delay-shorter::after {
+.sonar.sonar-delay-shorter:after {
   -webkit-animation-delay: 0.25s;
-  -moz-animation-delay: 0.25s;
-  -o-animation-delay: 0.25s;
-  animation-delay: 0.25s;
+     -moz-animation-delay: 0.25s;
+       -o-animation-delay: 0.25s;
+          animation-delay: 0.25s;
 }
-.sonar.sonar-slow::after {
+.sonar.sonar-slow:after {
   -webkit-animation-duration: 2s;
-  -moz-animation-duration: 2s;
-  -o-animation-duration: 2s;
-  animation-duration: 2s;
+     -moz-animation-duration: 2s;
+       -o-animation-duration: 2s;
+          animation-duration: 2s;
 }
-.sonar.sonar-slower::after {
+.sonar.sonar-slower:after {
   -webkit-animation-duration: 4s;
-  -moz-animation-duration: 4s;
-  -o-animation-duration: 4s;
-  animation-duration: 4s;
+     -moz-animation-duration: 4s;
+       -o-animation-duration: 4s;
+          animation-duration: 4s;
 }
-.sonar.sonar-fast::after {
+.sonar.sonar-fast:after {
   -webkit-animation-duration: 0.5s;
-  -moz-animation-duration: 0.5s;
-  -o-animation-duration: 0.5s;
-  animation-duration: 0.5s;
+     -moz-animation-duration: 0.5s;
+       -o-animation-duration: 0.5s;
+          animation-duration: 0.5s;
 }
-.sonar.sonar-faster::after {
+.sonar.sonar-faster:after {
   -webkit-animation-duration: 0.25s;
-  -moz-animation-duration: 0.25s;
-  -o-animation-duration: 0.25s;
-  animation-duration: 0.25s;
+     -moz-animation-duration: 0.25s;
+       -o-animation-duration: 0.25s;
+          animation-duration: 0.25s;
 }
-.sonar.sonar-stroke::after {
+.sonar.sonar-stroke:after {
   border-width: 0;
   border-color: inherit;
   border-style: solid;
-  border-radius: inherit;
+  -webkit-border-radius: inherit;
+          border-radius: inherit;
   -webkit-animation-name: sonar-base, sonar-stroke;
-  -moz-animation-name: sonar-base, sonar-stroke;
-  -o-animation-name: sonar-base, sonar-stroke;
-  animation-name: sonar-base, sonar-stroke;
+     -moz-animation-name: sonar-base, sonar-stroke;
+       -o-animation-name: sonar-base, sonar-stroke;
+          animation-name: sonar-base, sonar-stroke;
 }
-.sonar.sonar-stroke.sonar-hover::after {
+.sonar.sonar-stroke.sonar-hover:after {
   -webkit-animation-name: none;
-  -moz-animation-name: none;
-  -o-animation-name: none;
-  animation-name: none;
+     -moz-animation-name: none;
+       -o-animation-name: none;
+          animation-name: none;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-default::after {
+.sonar.sonar-stroke.sonar-hover.sonar-default:after {
   border-color: #555555;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-primary::after {
+.sonar.sonar-stroke.sonar-hover.sonar-primary:after {
   border-color: #337ab7;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-info::after {
+.sonar.sonar-stroke.sonar-hover.sonar-info:after {
   border-color: #5bc0de;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-success::after {
+.sonar.sonar-stroke.sonar-hover.sonar-success:after {
   border-color: #5cb85c;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-warning::after {
+.sonar.sonar-stroke.sonar-hover.sonar-warning:after {
   border-color: #f0ad4e;
 }
-.sonar.sonar-stroke.sonar-hover.sonar-danger::after {
+.sonar.sonar-stroke.sonar-hover.sonar-danger:after {
   border-color: #d9534f;
 }
-.sonar.sonar-stroke.sonar-hover:hover::after {
+.sonar.sonar-stroke.sonar-hover:hover:after {
   -webkit-animation-name: sonar-base, sonar-stroke;
-  -moz-animation-name: sonar-base, sonar-stroke;
-  -o-animation-name: sonar-base, sonar-stroke;
-  animation-name: sonar-base, sonar-stroke;
+     -moz-animation-name: sonar-base, sonar-stroke;
+       -o-animation-name: sonar-base, sonar-stroke;
+          animation-name: sonar-base, sonar-stroke;
 }
-.sonar.sonar-stroke.sonar-click::after {
+.sonar.sonar-stroke.sonar-click:after {
   -webkit-animation-name: none;
-  -moz-animation-name: none;
-  -o-animation-name: none;
-  animation-name: none;
+     -moz-animation-name: none;
+       -o-animation-name: none;
+          animation-name: none;
 }
-.sonar.sonar-stroke.sonar-click:focus::after {
+.sonar.sonar-stroke.sonar-click:focus:after {
   -webkit-animation-name: sonar-base, sonar-stroke;
-  -moz-animation-name: sonar-base, sonar-stroke;
-  -o-animation-name: sonar-base, sonar-stroke;
-  animation-name: sonar-base, sonar-stroke;
+     -moz-animation-name: sonar-base, sonar-stroke;
+       -o-animation-name: sonar-base, sonar-stroke;
+          animation-name: sonar-base, sonar-stroke;
 }
-.sonar.sonar-fill::after {
+.sonar.sonar-fill:after {
   border: none;
   background: inherit;
-  border-radius: inherit;
+  -webkit-border-radius: inherit;
+          border-radius: inherit;
   -webkit-animation-name: sonar-base;
-  -moz-animation-name: sonar-base;
-  -o-animation-name: sonar-base;
-  animation-name: sonar-base;
+     -moz-animation-name: sonar-base;
+       -o-animation-name: sonar-base;
+          animation-name: sonar-base;
 }
-.sonar.sonar-fill.sonar-default::after {
+.sonar.sonar-fill.sonar-default:after {
   background-color: #555555;
 }
-.sonar.sonar-fill.sonar-primary::after {
+.sonar.sonar-fill.sonar-primary:after {
   background-color: #337ab7;
 }
-.sonar.sonar-fill.sonar-info::after {
+.sonar.sonar-fill.sonar-info:after {
   background-color: #5bc0de;
 }
-.sonar.sonar-fill.sonar-success::after {
+.sonar.sonar-fill.sonar-success:after {
   background-color: #5cb85c;
 }
-.sonar.sonar-fill.sonar-warning::after {
+.sonar.sonar-fill.sonar-warning:after {
   background-color: #f0ad4e;
 }
-.sonar.sonar-fill.sonar-danger::after {
+.sonar.sonar-fill.sonar-danger:after {
   background-color: #d9534f;
 }
-.sonar.sonar-fill.sonar-hover::after {
+.sonar.sonar-fill.sonar-hover:after {
   -webkit-animation-name: none;
-  -moz-animation-name: none;
-  -o-animation-name: none;
-  animation-name: none;
+     -moz-animation-name: none;
+       -o-animation-name: none;
+          animation-name: none;
 }
-.sonar.sonar-fill.sonar-hover:hover::after {
+.sonar.sonar-fill.sonar-hover:hover:after {
   -webkit-animation-name: sonar-base;
-  -moz-animation-name: sonar-base;
-  -o-animation-name: sonar-base;
-  animation-name: sonar-base;
+     -moz-animation-name: sonar-base;
+       -o-animation-name: sonar-base;
+          animation-name: sonar-base;
   -webkit-animation-duration: 0.5s;
-  -moz-animation-duration: 0.5s;
-  -o-animation-duration: 0.5s;
-  animation-duration: 0.5s;
+     -moz-animation-duration: 0.5s;
+       -o-animation-duration: 0.5s;
+          animation-duration: 0.5s;
 }
-.sonar.sonar-fill.sonar-click::after {
+.sonar.sonar-fill.sonar-click:after {
   -webkit-animation-name: none;
-  -moz-animation-name: none;
-  -o-animation-name: none;
-  animation-name: none;
+     -moz-animation-name: none;
+       -o-animation-name: none;
+          animation-name: none;
 }
-.sonar.sonar-fill.sonar-click:focus::after {
+.sonar.sonar-fill.sonar-click:focus:after {
   -webkit-animation-name: sonar-base;
-  -moz-animation-name: sonar-base;
-  -o-animation-name: sonar-base;
-  animation-name: sonar-base;
+     -moz-animation-name: sonar-base;
+       -o-animation-name: sonar-base;
+          animation-name: sonar-base;
   -webkit-animation-duration: 0.5s;
-  -moz-animation-duration: 0.5s;
-  -o-animation-duration: 0.5s;
-  animation-duration: 0.5s;
+     -moz-animation-duration: 0.5s;
+       -o-animation-duration: 0.5s;
+          animation-duration: 0.5s;
 }
-
-/*# sourceMappingURL=sonar.css.map */