Added new helpers and refactoring old ones

Added grunt to comile, minify and watch SASS
Fixed border-radius variable

Author: λhmad λjmi

.gitignore

@@ -1,3 +1,5 @@
-### Sass ###
 .sass-cache
-
+.grunt
+node_modules
+*.DS_Store
+.DS_Store

Gruntfile.js

@@ -0,0 +1,32 @@
+module.exports = function(grunt){
+
+	require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks);
+
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+
+		watch: {
+			css: {
+				files: ['css/**/*.scss'],
+				tasks: ['buildcss']
+			}
+		},
+		cssmin: {
+			build: {
+				src: 'helpers.css',
+				dest: 'helpers.min.css'
+			}
+		},
+		sass: {
+			build: {
+				files: {
+					'helpers.css': 'helpers.scss'
+				}
+			}
+		}
+	});
+
+	grunt.registerTask('default', ['buildcss']);
+	grunt.registerTask('buildcss',  ['sass', 'cssmin']);
+
+};

_variables.scss

@@ -1,10 +1,12 @@
+//
 // Space unit
+
 $base-space-unit:       1em !default;
-$base-round-unit:       3px !default;
+$base-radius-unit:      3px !default;
+
 
 //
 // Colors
-//
 
 $white        :   #fff;
 $gray         :   #2c3e50;