From 3d816068ab64d2fd251408d23d43186b416c574d Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Sat, 12 Oct 2013 15:58:37 -0400
Subject: [PATCH] Fixes #238 specificty of css rules for overriding 100% column
 with a 'x wide column'

---
 src/collections/grid.less | 48 ++++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/src/collections/grid.less b/src/collections/grid.less
index 13a204af1..aa414a7da 100755
--- a/src/collections/grid.less
+++ b/src/collections/grid.less
@@ -139,52 +139,68 @@ body > .ui.grid {
 --------------------*/
 
 /* Sizing Combinations */
-.ui.grid .one.wide.column {
+.ui.grid > .row > .one.wide.column,
+.ui.grid > .one.wide.column {
   width: 6.25%;
 }
-.ui.grid .two.wide.column {
+.ui.grid > .row > .two.wide.column,
+.ui.grid > .two.wide.column {
   width: 12.5%;
 }
-.ui.grid .three.wide.column {
+.ui.grid > .row > .three.wide.column,
+.ui.grid > .three.wide.column {
   width: 18.75%;
 }
-.ui.grid .four.wide.column {
+.ui.grid > .row > .four.wide.column,
+.ui.grid > .four.wide.column {
   width: 25%;
 }
-.ui.grid .five.wide.column {
+.ui.grid > .row > .five.wide.column,
+.ui.grid > .five.wide.column {
   width: 31.25%;
 }
-.ui.grid .six.wide.column {
+.ui.grid > .row > .six.wide.column,
+.ui.grid > .six.wide.column {
   width: 37.5%;
 }
-.ui.grid .seven.wide.column {
+.ui.grid > .row > .seven.wide.column,
+.ui.grid > .seven.wide.column {
   width: 43.75%;
 }
-.ui.grid .eight.wide.column {
+.ui.grid > .row > .eight.wide.column,
+.ui.grid > .eight.wide.column {
   width: 50%;
 }
-.ui.grid .nine.wide.column {
+.ui.grid > .row > .nine.wide.column,
+.ui.grid > .nine.wide.column {
   width: 56.25%;
 }
-.ui.grid .ten.wide.column {
+.ui.grid > .row > .ten.wide.column,
+.ui.grid > .ten.wide.column {
   width: 62.5%;
 }
-.ui.grid .eleven.wide.column {
+.ui.grid > .row > .eleven.wide.column,
+.ui.grid > .eleven.wide.column {
   width: 68.75%;
 }
-.ui.grid .twelve.wide.column {
+.ui.grid > .row > .twelve.wide.column,
+.ui.grid > .twelve.wide.column {
   width: 75%;
 }
-.ui.grid .thirteen.wide.column {
+.ui.grid > .row > .thirteen.wide.column,
+.ui.grid > .thirteen.wide.column {
   width: 81.25%;
 }
-.ui.grid .fourteen.wide.column {
+.ui.grid > .row > .fourteen.wide.column,
+.ui.grid > .fourteen.wide.column {
   width: 87.5%;
 }
-.ui.grid .fifteen.wide.column {
+.ui.grid > .row > .fifteen.wide.column,
+.ui.grid > .fifteen.wide.column {
   width: 93.75%;
 }
-.ui.grid .sixteen.wide.column {
+.ui.grid > .row > .sixteen.wide.column,
+.ui.grid > .sixteen.wide.column {
   width: 100%;
 }