helper and variable fixes

Author: Gibby

scss/components/_helpers.scss

@@ -73,6 +73,13 @@
 .text-right {
 	text-align: right;
 }
+.text-left {
+	text-align: left;
+}
+.hide-text {
+	text-indent: -5000px;
+	font-size: 0;
+}
 .last {
 	margin-right: 0 !important;
 }
@@ -100,7 +107,8 @@
 .right {
 	float: right;
 }
-.upper {
+.uppercase,
+.capitalized {
 	text-transform: uppercase;
 }
 .list-flat {

scss/components/_variables.scss

@@ -5,8 +5,8 @@ $font-family-controls: $font-family-base;
 $font-family-code: Menlo, Monaco, Consolas, "Courier New", monospace;
 
 // Grid
-$grid-width: 1000;
-$grid-gutter-width: 30;
+$grid-width: 1200;
+$grid-gutter-width: 30/($grid-width/100)*1%;
 
 // Breakpoints
 $breakpoint-large-phone: 650px;