Adds internally celled grid, adds fixes for divided, and equal height, adds fixes for doubling divided/celled

src/definitions/collections/grid.less

@@ -201,6 +201,12 @@
      Column Count
 --------------------*/
 
+/* Assume full width with one column */
+.ui.grid > .column:only-child,
+.ui.grid > .row > .column:only-child {
+  width: @oneColumn;
+}
+
 /* Grid Based */
 .ui[class*="one column"].grid > .row > .column,
 .ui[class*="one column"].grid > .column {
@@ -317,11 +323,6 @@
   width: @sixteenColumn !important;
 }
 
-/* Assume full width with one column */
-.ui.grid > .column:only-child,
-.ui.grid > .row > .column:only-child {
-  width: @oneColumn;
-}
 
 /*-------------------
     Column Width
@@ -510,8 +511,8 @@
         Divided
 -----------------------*/
 
-.ui.divided.grid:not(.vertically) > .column:not(.row),
-.ui.divided.grid:not(.vertically) > .row > .column {
+.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
   box-shadow: @dividedBorder;
 }
 
@@ -531,8 +532,8 @@
 }
 
 /* No divider on first column on row */
-.ui.divided.grid:not(.vertically) > .column:first-child,
-.ui.divided.grid:not(.vertically) > .row > .column:first-child {
+.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
   box-shadow: none;
 }
 
@@ -573,12 +574,12 @@
 }
 
 /* Inverted Divided */
-.ui.inverted.divided.grid:not(.vertical) > .column,
-.ui.inverted.divided.grid:not(.vertical) > .row > .column {
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column,
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
   box-shadow: @dividedInvertedBorder;
 }
-.ui.inverted.divided.grid:not(.vertical) > .column:first-child,
-.ui.inverted.divided.grid:not(.vertical) > .row > .column:first-child {
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:first-child,
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
   box-shadow: none;
 }
 .ui.inverted[class*="vertically divided"].grid > .row {
@@ -613,7 +614,7 @@
 .ui.celled.grid > .column.row:first-child {
   display: table;
   table-layout: fixed;
-  width: 100%;
+  width: 100% !important;
   margin: 0em;
   padding: 0em;
   box-shadow: 0px (-@celledWidth) 0px 0px @celledBorderColor;
@@ -632,6 +633,16 @@
   box-shadow: none;
 }
 
+/* Internally Celled */
+.ui[class*="internally celled"].grid {
+  box-shadow: none;
+}
+.ui[class*="internally celled"].grid > .row:first-child {
+  box-shadow: none;
+}
+.ui[class*="internally celled"].grid > .row > .column:first-child {
+  box-shadow: none;
+}
 
 /*----------------------
   Horizontally Centered
@@ -858,10 +869,11 @@
   table-layout: fixed;
   width: @tableWidth;
 }
+.ui[class*="equal height"].grid > .row,
 .ui[class*="equal height"].row  {
   display: table;
   table-layout: fixed;
-  width: 100%;
+  width: 100% !important;
 }
 .ui[class*="equal height"].grid > .column,
 .ui[class*="equal height"].grid > .row > .column,
@@ -877,16 +889,21 @@
 
 /* Mobily Only */
 @media only screen and (max-width: @largestMobileScreen) {
+  .ui.doubling.grid {
+    width: 100% !important;
+  }
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
-    margin: 0em;
-    padding: 0em;
+    display: block !important;
+    margin: 0em !important;
+    padding: 0em !important;
   }
   .ui.grid > .doubling.row > .column,
   .ui.doubling.grid > .row > .column {
+    display: inline-block !important;
     padding-top: (@rowSpacing / 2) !important;
     padding-bottom: (@rowSpacing / 2) !important;
-    margin: 0em;
+    margin: 0em !important;
   }
   .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
   .ui[class*="two column"].doubling:not(.stackable).grid > .column,
@@ -952,13 +969,17 @@
 
 /* Tablet Only */
 @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
+  .ui.doubling.grid {
+    width: 100% !important;
+  }
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
-    margin: 0em;
-    padding: 0em;
+    margin: 0em !important;
+    padding: 0em !important;
   }
   .ui.grid > .doubling.row > .column,
   .ui.doubling.grid > .row > .column {
+    display: inline-block !important;
     padding-top: (@rowSpacing / 2) !important;
     padding-bottom: (@rowSpacing / 2) !important;
     margin: 0em;
@@ -1032,6 +1053,7 @@
 @media only screen and (max-width: @largestMobileScreen) {
   .ui.stackable.grid {
     display: block !important;
+    width: 100%;
     padding: 0em;
     margin: 0em !important;
   }