Fixes inheritance issues in grid, adds justify aligned

klugjo · Dec 4, 2013 · 5eaa970 · 5eaa970
1 parent 7c4e053
commit 5eaa970
Showing 1 changed file with 24 additions and 16 deletions.
diff --git a/src/collections/grid.less b/src/collections/grid.less
@@ -141,67 +141,67 @@ body > .ui.grid {
 /* Sizing Combinations */
 .ui.grid > .row > .one.wide.column,
 .ui.grid > .one.wide.column {
-  width: 6.25%;
+  width: 6.25% !important;
 }
 .ui.grid > .row > .two.wide.column,
 .ui.grid > .two.wide.column {
-  width: 12.5%;
+  width: 12.5% !important;
 }
 .ui.grid > .row > .three.wide.column,
 .ui.grid > .three.wide.column {
-  width: 18.75%;
+  width: 18.75% !important;
 }
 .ui.grid > .row > .four.wide.column,
 .ui.grid > .four.wide.column {
-  width: 25%;
+  width: 25% !important;
 }
 .ui.grid > .row > .five.wide.column,
 .ui.grid > .five.wide.column {
-  width: 31.25%;
+  width: 31.25% !important;
 }
 .ui.grid > .row > .six.wide.column,
 .ui.grid > .six.wide.column {
-  width: 37.5%;
+  width: 37.5% !important;
 }
 .ui.grid > .row > .seven.wide.column,
 .ui.grid > .seven.wide.column {
-  width: 43.75%;
+  width: 43.75% !important;
 }
 .ui.grid > .row > .eight.wide.column,
 .ui.grid > .eight.wide.column {
-  width: 50%;
+  width: 50% !important;
 }
 .ui.grid > .row > .nine.wide.column,
 .ui.grid > .nine.wide.column {
-  width: 56.25%;
+  width: 56.25% !important;
 }
 .ui.grid > .row > .ten.wide.column,
 .ui.grid > .ten.wide.column {
-  width: 62.5%;
+  width: 62.5% !important;
 }
 .ui.grid > .row > .eleven.wide.column,
 .ui.grid > .eleven.wide.column {
-  width: 68.75%;
+  width: 68.75% !important;
 }
 .ui.grid > .row > .twelve.wide.column,
 .ui.grid > .twelve.wide.column {
-  width: 75%;
+  width: 75% !important;
 }
 .ui.grid > .row > .thirteen.wide.column,
 .ui.grid > .thirteen.wide.column {
-  width: 81.25%;
+  width: 81.25% !important;
 }
 .ui.grid > .row > .fourteen.wide.column,
 .ui.grid > .fourteen.wide.column {
-  width: 87.5%;
+  width: 87.5% !important;
 }
 .ui.grid > .row > .fifteen.wide.column,
 .ui.grid > .fifteen.wide.column {
-  width: 93.75%;
+  width: 93.75% !important;
 }
 .ui.grid > .row > .sixteen.wide.column,
 .ui.grid > .sixteen.wide.column {
-  width: 100%;
+  width: 100% !important;
 }
 
 /*-------------------
@@ -462,6 +462,14 @@ body > .ui.grid {
   text-align: right;
 }
 
+.ui.justify.grid,
+.ui.justify.grid > .row > .column,
+.ui.justify.grid > .column,
+.ui.grid .justify.column,
+.ui.grid > .justify.row > .column {
+  text-align: justify;
+}
+
 
 /*----------------------
   Vertically Centered