Adds #947, #1428. Adds unstackable variation, and tablet stackable variation to tables to allow for more granularity in responsive sizing

src/definitions/collections/table.less

@@ -144,64 +144,63 @@
 
 /* Responsive */
 @media only screen and (max-width : @largestMobileScreen) {
-  .ui.table,
-  .ui.table tbody,
-  .ui.table tr,
-  .ui.table tr > th,
-  .ui.table tr > td  {
+  .ui.table:not(.unstackable),
+  .ui.table:not(.unstackable) tbody,
+  .ui.table:not(.unstackable) tr,
+  .ui.table:not(.unstackable) tr > th,
+  .ui.table:not(.unstackable) tr > td  {
     display: block !important;
     width: 100% !important;
     display: block !important;
   }
 
-  .ui.table {
+  .ui.table:not(.unstackable) {
     padding: 0em;
   }
-  .ui.table thead {
+  .ui.table:not(.unstackable) thead {
     display: @responsiveHeaderDisplay;
   }
-  .ui.table tfoot {
+  .ui.table:not(.unstackable) tfoot {
     display: @responsiveFooterDisplay;
   }
-  .ui.table tr > th,
-  .ui.table tr > td {
+  .ui.table:not(.unstackable) tr > th,
+  .ui.table:not(.unstackable) tr > td {
     background: none;
     border: none !important;
     padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding;
     box-shadow: @responsiveCellBoxShadow;
   }
-  .ui.table th:first-child,
-  .ui.table td:first-child {
+  .ui.table:not(.unstackable) th:first-child,
+  .ui.table:not(.unstackable) td:first-child {
     font-weight: bold;
     padding-top: @responsiveRowVerticalPadding;
   }
-  .ui.table th:last-child,
-  .ui.table td:last-child {
+  .ui.table:not(.unstackable) th:last-child,
+  .ui.table:not(.unstackable) td:last-child {
     box-shadow: @responsiveRowBoxShadow;
     padding-bottom: @responsiveRowVerticalPadding;
   }
 
   /* Clear BG Colors */
-  .ui.table tr > td.warning,
-  .ui.table tr > td.error,
-  .ui.table tr > td.active,
-  .ui.table tr > td.positive,
-  .ui.table tr > td.negative {
+  .ui.table:not(.unstackable) tr > td.warning,
+  .ui.table:not(.unstackable) tr > td.error,
+  .ui.table:not(.unstackable) tr > td.active,
+  .ui.table:not(.unstackable) tr > td.positive,
+  .ui.table:not(.unstackable) tr > td.negative {
     background-color: @responsiveStatusColor !important;
   }
 
   /* Definition Table */
-  .ui.definition.table thead th:first-child {
+  .ui.definition.table:not(.unstackable) thead th:first-child {
     box-shadow: none !important;
   }
-  .ui.definition.table tr td:first-child {
+  .ui.definition.table:not(.unstackable) tr td:first-child {
     padding-bottom: @responsiveRowVerticalPadding;
   }
-  .ui.definition.table tr td:nth-child(n+2) {
+  .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
     padding-top: @responsiveRowVerticalPadding;
   }
 
-
 }
 
 
@@ -372,6 +371,71 @@
           Variations
 *******************************/
 
+/*--------------
+    Stackable
+---------------*/
+
+@media only screen and (max-width : @largestTabletScreen) {
+
+  .ui[class*="tablet stackable"].table,
+  .ui[class*="tablet stackable"].table tbody,
+  .ui[class*="tablet stackable"].table tr,
+  .ui[class*="tablet stackable"].table tr > th,
+  .ui[class*="tablet stackable"].table tr > td  {
+    display: block !important;
+    width: 100% !important;
+    display: block !important;
+  }
+
+  .ui[class*="tablet stackable"].table {
+    padding: 0em;
+  }
+  .ui[class*="tablet stackable"].table thead {
+    display: @responsiveHeaderDisplay;
+  }
+  .ui[class*="tablet stackable"].table tfoot {
+    display: @responsiveFooterDisplay;
+  }
+  .ui[class*="tablet stackable"].table tr > th,
+  .ui[class*="tablet stackable"].table tr > td {
+    background: none;
+    border: none !important;
+    padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding;
+    box-shadow: @responsiveCellBoxShadow;
+  }
+  .ui[class*="tablet stackable"].table th:first-child,
+  .ui[class*="tablet stackable"].table td:first-child {
+    font-weight: bold;
+    padding-top: @responsiveRowVerticalPadding;
+  }
+  .ui[class*="tablet stackable"].table th:last-child,
+  .ui[class*="tablet stackable"].table td:last-child {
+    box-shadow: @responsiveRowBoxShadow;
+    padding-bottom: @responsiveRowVerticalPadding;
+  }
+
+  /* Clear BG Colors */
+  .ui[class*="tablet stackable"].table tr > td.warning,
+  .ui[class*="tablet stackable"].table tr > td.error,
+  .ui[class*="tablet stackable"].table tr > td.active,
+  .ui[class*="tablet stackable"].table tr > td.positive,
+  .ui[class*="tablet stackable"].table tr > td.negative {
+    background-color: @responsiveStatusColor !important;
+  }
+
+  /* Definition Table */
+  .ui.definition[class*="tablet stackable"].table thead th:first-child {
+    box-shadow: none !important;
+  }
+  .ui.definition[class*="tablet stackable"].table tr td:first-child {
+    padding-bottom: @responsiveRowVerticalPadding;
+  }
+  .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
+    padding-top: @responsiveRowVerticalPadding;
+  }
+
+}
+
 /*--------------
      Aligned
 ---------------*/
@@ -803,7 +867,7 @@
 .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
   padding-left: 0em;
 }
-.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last -child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
 .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
   padding-right: 0em;
 }

src/definitions/elements/step.less

@@ -176,6 +176,7 @@
 .ui.steps .step:last-child {
   border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
 }
+
 /* Arrow */
 .ui.steps .step:after {
   display: none;