Added twitter/recess for extra lint power

- Sorting CSS property orders
- Doesn't produce ideal SASS, but it produces a cleaner end product. So we all good. y'hear!

Gruntfile.js

@@ -25,6 +25,11 @@ module.exports = function(grunt) {
         src: ['dist/*.css']
       }
     },
+    recess: {
+      dist: {
+        src: ['dist/gallery.css', 'dist/gallery.theme.css']
+      }
+    },
     rework: {
       'dist/<%= pkg.name %>.prefixed.css': 'dist/<%= pkg.name %>.css',
       options: {
@@ -50,11 +55,12 @@ module.exports = function(grunt) {
   });
 
   // Default task.
-  grunt.registerTask('default', ['sass', 'rework', 'csslint', 'cssmin']);
+  grunt.registerTask('default', ['sass', 'rework', 'csslint', 'recess', 'cssmin']);
 
   grunt.loadNpmTasks('grunt-contrib-cssmin');
   grunt.loadNpmTasks('grunt-contrib-csslint');
   grunt.loadNpmTasks('grunt-contrib-sass');
   grunt.loadNpmTasks('grunt-contrib-watch');
   grunt.loadNpmTasks('grunt-rework');
+  grunt.loadNpmTasks('grunt-recess');
 };

dist/gallery.css

@@ -1,14 +1,14 @@
 .gallery .item:first-of-type {
-  opacity: 1;
   position: static;
+  opacity: 1;
 }
 .gallery .item {
-  transition: opacity 0.5s;
-  width: 100%;
   position: absolute;
   top: 0;
   left: 0;
+  width: 100%;
   opacity: 0;
+  transition: opacity 0.5s;
 }
 .gallery .control-operator {
   display: none;

dist/gallery.prefixed.css

@@ -1,13 +1,13 @@
 .gallery .item:first-of-type {
-  opacity: 1;
-  position: static
+  position: static;
+  opacity: 1
 }
 
 .gallery .item {
-  width: 100%;
   position: absolute;
   top: 0;
   left: 0;
+  width: 100%;
   opacity: 0;
   -moz-transition: opacity 0.5s;
   -webkit-transition: opacity 0.5s;