add 960px layout

2 files changed, 16 insertions, 3 deletions

diff --git a/src/layout.less b/src/layout.less
index 7879aff..d7f6557 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -5,6 +5,13 @@
   padding-left: 10px;
   padding-right: 10px;
   &:extend(.clearfix all);
+
+  &.grid-960 {
+    width: 960px;
+  }
+  &.grid-full {
+    width: 100%;
+  }
 }
 
 .columns {
diff --git a/src/utilities.less b/src/utilities.less
index eee854a..d49fe37 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -34,6 +34,12 @@
   .abs;
   left: 0;
 }
+.centered {
+  display: block;
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
 
 .mt-10 {
   margin-top: 10px;
@@ -63,13 +69,13 @@
 
 // Display
 .block {
-  display: block !important;
+  display: block;
 }
 .inline {
-  display: inline !important;
+  display: inline;
 }
 .inline-block {
-  display: inline-block !important;
+  display: inline-block;
 }
 .flex {
   display: flex;