fomantic-ui-sass 2.7.4 → 2.7.5

data/app/assets/stylesheets/semantic-ui/collections/_grid.scss

@@ -1,6 +1,6 @@
 /*!
- * # Semantic UI 2.7.2 - Grid
- * http://github.com/semantic-org/semantic-ui/
+ * # Fomantic-UI - Grid
+ * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
@@ -171,7 +171,7 @@
        Page Grid
 -------------------------*/
 
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
     padding-left: 0;
@@ -180,7 +180,7 @@
     margin-right: 0;
   }
 }
-@media only screen and (min-width: 768px) and (max-width: 991.99px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -189,7 +189,7 @@
     padding-right: 2em;
   }
 }
-@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
+@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -198,7 +198,7 @@
     padding-right: 3%;
   }
 }
-@media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -459,7 +459,7 @@
 
 
 /* Mobile Sizing Combinations */
-@media only screen and (min-width: 320px) and (max-width: 767.99px) {
+@media only screen and (min-width: 320px) and (max-width: 767.98px) {
   .ui.grid > .row > [class*="one wide mobile"].column,
   .ui.grid > .column.row > [class*="one wide mobile"].column,
   .ui.grid > [class*="one wide mobile"].column,
@@ -559,7 +559,7 @@
 }
 
 /* Tablet Sizing Combinations */
-@media only screen and (min-width: 768px) and (max-width: 991.99px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.grid > .row > [class*="one wide tablet"].column,
   .ui.grid > .column.row > [class*="one wide tablet"].column,
   .ui.grid > [class*="one wide tablet"].column,
@@ -759,7 +759,7 @@
 }
 
 /* Large Monitor Sizing Combinations */
-@media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
   .ui.grid > .row > [class*="one wide large screen"].column,
   .ui.grid > .column.row > [class*="one wide large screen"].column,
   .ui.grid > [class*="one wide large screen"].column,
@@ -1446,7 +1446,7 @@
 
 
 /* Mobile */
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="mobile reversed"].grid,
   .ui[class*="mobile reversed"].grid > .row,
   .ui.grid > [class*="mobile reversed"].row {
@@ -1497,7 +1497,7 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 768px) and (max-width: 991.99px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="tablet reversed"].grid,
   .ui[class*="tablet reversed"].grid > .row,
   .ui.grid > [class*="tablet reversed"].row {
@@ -1602,7 +1602,7 @@
 
 
 /* Tablet Only */
-@media only screen and (min-width: 768px) and (max-width: 991.99px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
   }
@@ -1698,7 +1698,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
     margin: 0 !important;
@@ -1793,7 +1793,7 @@
       Stackable
 --------------------*/
 
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
@@ -1873,7 +1873,7 @@
 /* These include arbitrary class repetitions for forced specificity */
 
 /* Mobile Only Hide */
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -1901,7 +1901,7 @@
 }
 
 /* Tablet Only Hide */
-@media only screen and (min-width: 768px) and (max-width: 991.99px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
@@ -1929,7 +1929,7 @@
 }
 
 /* Computer Only Hide */
-@media only screen and (min-width: 992px) and (max-width: 1199.99px) {
+@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.computer),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
@@ -1957,7 +1957,7 @@
 }
 
 /* Large Screen Only Hide */
-@media only screen and (min-width: 1200px) and (max-width: 1919.99px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.computer),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
@@ -2073,6 +2073,12 @@
 
 
 
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
 /*******************************
          Site Overrides
 *******************************/

data/app/assets/stylesheets/semantic-ui/collections/_menu.scss

@@ -1,6 +1,6 @@
 /*
- * # Semantic - Menu
- * http://github.com/semantic-org/semantic-ui/
+ * # Fomantic - Menu
+ * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Copyright 2015 Contributor
@@ -402,7 +402,7 @@
     Container
 ---------------*/
 
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
     margin-left: 0 !important;
@@ -498,7 +498,7 @@ Floated Menu / Item
 
 /* Left Floated */
 .ui.menu:not(.vertical) .left.item,
-.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
+.ui.menu:not(.vertical) .left.menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -513,6 +513,10 @@ Floated Menu / Item
   display: flex;
   margin-left: auto !important;
 }
+.ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
+.ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
+  display: inherit;
+}
 
 /* Center */
 .ui.menu:not(.vertical) .center.item,
@@ -956,7 +960,7 @@ Floated Menu / Item
 }
 
 /* Inverted */
-.ui.secondary.inverted.menu.menu {
+.ui.secondary.inverted.menu {
   background-color: transparent;
 }
 
@@ -984,7 +988,7 @@ Floated Menu / Item
 .ui.secondary.pointing.menu .ui.dropdown .menu .item {
   border-bottom-width: 0;
 }
-.ui.secondary.pointing.menu .item > .label {
+.ui.secondary.pointing.menu .item > .label:not(.floating) {
   margin-top: -0.3em;
   margin-bottom: -0.3em;
 }
@@ -1310,7 +1314,7 @@ Floated Menu / Item
     Stackable
 ---------------*/
 
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -1776,7 +1780,7 @@ Floated Menu / Item
       -ms-flex-pack: center;
           justify-content: center;
 }
-.ui.attached.item.menu {
+.ui.attached.item.menu:not(.tabular) {
   margin: 0 -1px !important;
 }
 .ui.item.menu .item:last-child:before {
@@ -2178,12 +2182,6 @@ Floated Menu / Item
   font-size: 1.28571429rem;
 }
 
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
 /*-------------------
   Inverted dropdowns
 --------------------*/
@@ -2216,6 +2214,18 @@ Floated Menu / Item
 }
 
 
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
 /*******************************
          Site Overrides
 *******************************/

data/app/assets/stylesheets/semantic-ui/collections/_message.scss

@@ -1,6 +1,6 @@
 /*!
- * # Semantic UI 2.7.2 - Message
- * http://github.com/semantic-org/semantic-ui/
+ * # Fomantic-UI - Message
+ * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
@@ -637,6 +637,12 @@
 
 
 
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
 /*******************************
         Site Overrides
 *******************************/

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -1,6 +1,6 @@
 /*!
- * # Semantic UI 2.7.2 - Table
- * http://github.com/semantic-org/semantic-ui/
+ * # Fomantic-UI - Table
+ * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
@@ -35,8 +35,8 @@
 .ui.table:last-child {
   margin-bottom: 0;
 }
-.ui.table thead,
-.ui.table tbody {
+.ui.table > thead,
+.ui.table > tbody {
   text-align: inherit;
   vertical-align: inherit;
 }
@@ -55,11 +55,11 @@
 }
 
 /* Headers */
-.ui.table thead {
+.ui.table > thead {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.table thead th {
+.ui.table > thead > tr > th {
   cursor: auto;
   background: #F9FAFB;
   text-align: inherit;
@@ -72,25 +72,25 @@
   border-bottom: 1px solid rgba(34, 36, 38, 0.1);
   border-left: none;
 }
-.ui.table thead tr > th:first-child {
+.ui.table > thead > tr > th:first-child {
   border-left: none;
 }
-.ui.table thead tr:first-child > th:first-child {
+.ui.table > thead > tr:first-child > th:first-child {
   border-radius: 0.28571429rem 0 0 0;
 }
-.ui.table thead tr:first-child > th:last-child {
+.ui.table > thead > tr:first-child > th:last-child {
   border-radius: 0 0.28571429rem 0 0;
 }
-.ui.table thead tr:first-child > th:only-child {
+.ui.table > thead > tr:first-child > th:only-child {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
 
 /* Footer */
-.ui.table tfoot {
+.ui.table > tfoot {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.table tfoot th {
+.ui.table > tfoot > tr > th {
   cursor: auto;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   background: #F9FAFB;
@@ -102,34 +102,37 @@
   font-weight: normal;
   text-transform: none;
 }
-.ui.table tfoot tr > th:first-child {
+.ui.table > tfoot > tr > th:first-child {
   border-left: none;
 }
-.ui.table tfoot tr:first-child > th:first-child {
+.ui.table > tfoot > tr:first-child > th:first-child {
   border-radius: 0 0 0 0.28571429rem;
 }
-.ui.table tfoot tr:first-child > th:last-child {
+.ui.table > tfoot > tr:first-child > th:last-child {
   border-radius: 0 0 0.28571429rem 0;
 }
-.ui.table tfoot tr:first-child > th:only-child {
+.ui.table > tfoot > tr:first-child > th:only-child {
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
 /* Table Row */
-.ui.table tr td {
+.ui.table > tr > td,
+.ui.table > tbody > tr > td {
   border-top: 1px solid rgba(34, 36, 38, 0.1);
 }
-.ui.table tr:first-child td {
+.ui.table > tr:first-child > td,
+.ui.table > tbody > tr:first-child > td {
   border-top: none;
 }
 
 /* Repeated tbody */
-.ui.table tbody + tbody tr:first-child td {
+.ui.table > tbody + tbody tr:first-child > td {
   border-top: 1px solid rgba(34, 36, 38, 0.1);
 }
 
 /* Table Cells */
-.ui.table td {
+.ui.table > tbody > tr > td,
+.ui.table > tr > td {
   padding: 0.78571429em 0.78571429em;
   text-align: inherit;
 }
@@ -154,45 +157,61 @@
 }
 
 /* Responsive */
-@media only screen and (max-width: 767.99px) {
+@media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;
   }
-  .ui.table:not(.unstackable) tbody,
-  .ui.table:not(.unstackable) tr,
-  .ui.table:not(.unstackable) tr > th,
-  .ui.table:not(.unstackable) tr > td {
+  .ui.table:not(.unstackable) > tbody,
+  .ui.table:not(.unstackable) > tr,
+  .ui.table:not(.unstackable) > tbody > tr,
+  .ui.table:not(.unstackable) > tr > th,
+  .ui.table:not(.unstackable) > thead > tr > th,
+  .ui.table:not(.unstackable) > tbody > tr > th,
+  .ui.table:not(.unstackable) > tfoot > tr > th,
+  .ui.table:not(.unstackable) > tr > td,
+  .ui.table:not(.unstackable) > tbody > tr > td {
     display: block !important;
     width: auto !important;
   }
-  .ui.table:not(.unstackable) thead {
+  .ui.table:not(.unstackable) > thead {
     display: block;
   }
-  .ui.table:not(.unstackable) tfoot {
+  .ui.table:not(.unstackable) > tfoot {
     display: block;
   }
-  .ui.table:not(.unstackable) tr {
+  .ui.table:not(.unstackable) > tr,
+  .ui.table:not(.unstackable) > thead > tr,
+  .ui.table:not(.unstackable) > tbody > tr,
+  .ui.table:not(.unstackable) > tfoot > tr {
     padding-top: 1em;
     padding-bottom: 1em;
     -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
             box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
   }
-  .ui.table:not(.unstackable) tr > th,
-  .ui.ui.ui.ui.table:not(.unstackable) tr > td {
+  .ui.table:not(.unstackable) > tr > th,
+  .ui.table:not(.unstackable) > thead > tr > th,
+  .ui.table:not(.unstackable) > tbody > tr > th,
+  .ui.table:not(.unstackable) > tfoot > tr > th,
+  .ui.ui.ui.ui.table:not(.unstackable) > tr > td,
+  .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td {
     background: none;
     border: none;
     padding: 0.25em 0.75em;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
   }
-  .ui.table:not(.unstackable) th:first-child,
-  .ui.table:not(.unstackable) td:first-child {
+  .ui.table:not(.unstackable) > tr > th:first-child,
+  .ui.table:not(.unstackable) > thead > tr > th:first-child,
+  .ui.table:not(.unstackable) > tbody > tr > th:first-child,
+  .ui.table:not(.unstackable) > tfoot > tr > th:first-child,
+  .ui.table:not(.unstackable) > tr > td:first-child,
+  .ui.table:not(.unstackable) > tbody > tr > td:first-child {
     font-weight: bold;
   }
   
 /* Definition Table */
-  .ui.definition.table:not(.unstackable) thead th:first-child {
+  .ui.definition.table:not(.unstackable) > thead > tr > th:first-child {
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
   }
@@ -223,20 +242,27 @@
 .ui.structured.table {
   border-collapse: collapse;
 }
-.ui.structured.table thead th {
+.ui.structured.table > thead > tr > th {
   border-left: none;
   border-right: none;
 }
-.ui.structured.sortable.table thead th {
+.ui.structured.sortable.table > thead > tr > th {
   border-left: 1px solid rgba(34, 36, 38, 0.15);
   border-right: 1px solid rgba(34, 36, 38, 0.15);
 }
-.ui.structured.basic.table th {
+.ui.structured.basic.table > tr > th,
+.ui.structured.basic.table > thead > tr > th,
+.ui.structured.basic.table > tbody > tr > th,
+.ui.structured.basic.table > tfoot > tr > th {
   border-left: none;
   border-right: none;
 }
-.ui.structured.celled.table tr th,
-.ui.structured.celled.table tr td {
+.ui.structured.celled.table > tr > th,
+.ui.structured.celled.table > thead > tr > th,
+.ui.structured.celled.table > tbody > tr > th,
+.ui.structured.celled.table > tfoot > tr > th,
+.ui.structured.celled.table > tr > td,
+.ui.structured.celled.table > tbody > tr > td {
   border-left: 1px solid rgba(34, 36, 38, 0.1);
   border-right: 1px solid rgba(34, 36, 38, 0.1);
 }
@@ -245,7 +271,7 @@
    Definition
 ---------------*/
 
-.ui.definition.table thead:not(.full-width) th:first-child {
+.ui.definition.table > thead:not(.full-width) > tr > th:first-child {
   pointer-events: none;
   background: transparent;
   font-weight: normal;
@@ -253,27 +279,28 @@
   -webkit-box-shadow: -1px -1px 0 1px #FFFFFF;
           box-shadow: -1px -1px 0 1px #FFFFFF;
 }
-.ui.definition.table tfoot:not(.full-width) th:first-child {
+.ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
   pointer-events: none;
   background: transparent;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.4);
-  -webkit-box-shadow: 1px 1px 0 1px #FFFFFF;
-          box-shadow: 1px 1px 0 1px #FFFFFF;
+  -webkit-box-shadow: -1px 1px 0 1px #FFFFFF;
+          box-shadow: -1px 1px 0 1px #FFFFFF;
 }
 
 /* Remove Border */
-.ui.celled.definition.table thead:not(.full-width) th:first-child {
+.ui.celled.definition.table > thead:not(.full-width) > tr > th:first-child {
   -webkit-box-shadow: 0 -1px 0 1px #FFFFFF;
           box-shadow: 0 -1px 0 1px #FFFFFF;
 }
-.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
+.ui.celled.definition.table > tfoot:not(.full-width) > tr > th:first-child {
   -webkit-box-shadow: 0 1px 0 1px #FFFFFF;
           box-shadow: 0 1px 0 1px #FFFFFF;
 }
 
 /* Highlight Defining Column */
-.ui.definition.table tr td:first-child:not(.ignored),
+.ui.definition.table > tr > td:first-child:not(.ignored),
+.ui.definition.table > tbody > tr > td:first-child:not(.ignored),
 .ui.definition.table tr td.definition {
   background: rgba(0, 0, 0, 0.03);
   font-weight: bold;
@@ -288,13 +315,14 @@
 }
 
 /* Fix 2nd Column */
-.ui.definition.table thead:not(.full-width) th:nth-child(2) {
+.ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
   border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
-.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
+.ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2) {
   border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
-.ui.definition.table td:nth-child(2) {
+.ui.definition.table > tr > td:nth-child(2),
+.ui.definition.table > tbody > tr > td:nth-child(2) {
   border-left: 1px solid rgba(34, 36, 38, 0.15);
 }
 
@@ -386,32 +414,44 @@
     Stackable
 ---------------*/
 
-@media only screen and (max-width: 991.99px) {
+@media only screen and (max-width: 991.98px) {
   .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 {
+  .ui[class*="tablet stackable"].table > tbody,
+  .ui[class*="tablet stackable"].table > tbody > tr,
+  .ui[class*="tablet stackable"].table > tr,
+  .ui[class*="tablet stackable"].table > thead > tr > th,
+  .ui[class*="tablet stackable"].table > tbody > tr > th,
+  .ui[class*="tablet stackable"].table > tfoot > tr > th,
+  .ui[class*="tablet stackable"].table > tr > th,
+  .ui[class*="tablet stackable"].table > tbody > tr > td,
+  .ui[class*="tablet stackable"].table > tr > td {
     display: block !important;
     width: 100% !important;
   }
   .ui[class*="tablet stackable"].table {
     padding: 0;
   }
-  .ui[class*="tablet stackable"].table thead {
+  .ui[class*="tablet stackable"].table > thead {
     display: block;
   }
-  .ui[class*="tablet stackable"].table tfoot {
+  .ui[class*="tablet stackable"].table > tfoot {
     display: block;
   }
-  .ui[class*="tablet stackable"].table tr {
+  .ui[class*="tablet stackable"].table > thead > tr,
+  .ui[class*="tablet stackable"].table > tbody > tr,
+  .ui[class*="tablet stackable"].table > tfoot > tr,
+  .ui[class*="tablet stackable"].table > tr {
     padding-top: 1em;
     padding-bottom: 1em;
     -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
             box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
   }
-  .ui[class*="tablet stackable"].table tr > th,
-  .ui[class*="tablet stackable"].table tr > td {
+  .ui[class*="tablet stackable"].table > thead > tr > th,
+  .ui[class*="tablet stackable"].table > tbody > tr > th,
+  .ui[class*="tablet stackable"].table > tfoot > tr > th,
+  .ui[class*="tablet stackable"].table > tr > th,
+  .ui[class*="tablet stackable"].table > tbody > tr > td,
+  .ui[class*="tablet stackable"].table > tr > td {
     background: none;
     border: none !important;
     padding: 0.25em 0.75em;
@@ -420,7 +460,7 @@
   }
   
 /* Definition Table */
-  .ui.definition[class*="tablet stackable"].table thead th:first-child {
+  .ui.definition[class*="tablet stackable"].table > thead > tr > th:first-child {
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
   }
@@ -487,12 +527,12 @@
    Selectable
 ---------------*/
 
-.ui.ui.selectable.table tbody tr:hover,
+.ui.ui.selectable.table > tbody > tr:hover,
 .ui.table tbody tr td.selectable:hover {
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
 }
-.ui.ui.selectable.inverted.table tbody tr:hover,
+.ui.ui.selectable.inverted.table > tbody > tr:hover,
 .ui.inverted.table tbody tr td.selectable:hover {
   background: rgba(255, 255, 255, 0.08);
   color: #ffffff;
@@ -507,6 +547,12 @@
   color: inherit;
   padding: 0.78571429em 0.78571429em;
 }
+.ui.table > tr > td.selectable,
+.ui.table > tbody > tr > td.selectable,
+.ui.selectable.table > tbody > tr,
+.ui.selectable.table > tr {
+  cursor: pointer;
+}
 
 /* Other States */
 .ui.ui.selectable.table tr.error:hover,
@@ -594,13 +640,13 @@
 
 /* Table Striping */
 .ui.striped.table > tr:nth-child(2n),
-.ui.striped.table tbody tr:nth-child(2n) {
+.ui.striped.table > tbody > tr:nth-child(2n) {
   background-color: rgba(0, 0, 50, 0.02);
 }
 
 /* Stripes */
 .ui.inverted.striped.table > tr:nth-child(2n),
-.ui.inverted.striped.table tbody tr:nth-child(2n) {
+.ui.inverted.striped.table > tbody > tr:nth-child(2n) {
   background-color: rgba(255, 255, 255, 0.05);
 }
 
@@ -1049,13 +1095,13 @@
     Sortable
 ---------------*/
 
-.ui.sortable.table thead th {
+.ui.sortable.table > thead > tr > th {
   cursor: pointer;
   white-space: nowrap;
   border-left: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
 }
-.ui.sortable.table thead th:first-child {
+.ui.sortable.table > thead > tr > th:first-child {
   border-left: none;
 }
 .ui.sortable.table thead th.sorted,
@@ -1065,7 +1111,7 @@
       -ms-user-select: none;
           user-select: none;
 }
-.ui.sortable.table thead th:after {
+.ui.sortable.table > thead > tr > th:after {
   display: none;
   font-style: normal;
   font-weight: normal;
@@ -1089,7 +1135,7 @@
   cursor: auto;
   color: rgba(40, 40, 40, 0.3);
 }
-.ui.sortable.table thead th:hover {
+.ui.sortable.table > thead > tr > th:hover {
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.8);
 }
@@ -1116,13 +1162,13 @@
   background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   color: #ffffff;
 }
-.ui.inverted.sortable.table thead th:hover {
+.ui.inverted.sortable.table > thead > tr > th:hover {
   background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
   background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
   color: #ffffff;
 }
-.ui.inverted.sortable.table thead th {
+.ui.inverted.sortable.table > thead > tr > th {
   border-left-color: transparent;
   border-right-color: transparent;
 }
@@ -1138,12 +1184,16 @@
   color: rgba(255, 255, 255, 0.9);
   border: none;
 }
-.ui.ui.inverted.table th {
+.ui.ui.inverted.table > thead > tr > th,
+.ui.ui.inverted.table > tbody > tr > th,
+.ui.ui.inverted.table > tfoot > tr > th,
+.ui.ui.inverted.table > tr > th {
   background-color: rgba(0, 0, 0, 0.15);
   border-color: rgba(255, 255, 255, 0.1);
   color: rgba(255, 255, 255, 0.9);
 }
-.ui.inverted.table tr td {
+.ui.inverted.table > tbody > tr > td,
+.ui.inverted.table > tr > td {
   border-color: rgba(255, 255, 255, 0.1);
 }
 .ui.inverted.table tr.disabled td,
@@ -1161,11 +1211,12 @@
 }
 
 /* Definition */
-.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
-.ui.inverted.definition.table thead:not(.full-width) th:first-child {
+.ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child,
+.ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
   background: #FFFFFF;
 }
-.ui.inverted.definition.table tr td:first-child {
+.ui.inverted.definition.table > tbody > tr > td:first-child,
+.ui.inverted.definition.table > tr > td:first-child {
   background: rgba(255, 255, 255, 0.02);
   color: #ffffff;
 }
@@ -1188,22 +1239,26 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.basic.table thead,
-.ui.basic.table tfoot {
+.ui.basic.table > thead,
+.ui.basic.table > tfoot {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.ui.basic.table th {
+.ui.basic.table > thead > tr > th,
+.ui.basic.table > tbody > tr > th,
+.ui.basic.table > tfoot > tr > th,
+.ui.basic.table > tr > th {
   background: transparent;
   border-left: none;
 }
-.ui.basic.table tbody tr {
+.ui.basic.table > tbody > tr {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
-.ui.basic.table td {
+.ui.basic.table > tbody > tr > td,
+.ui.basic.table > tr > td {
   background: transparent;
 }
-.ui.basic.striped.table tbody tr:nth-child(2n) {
+.ui.basic.striped.table > tbody > tr:nth-child(2n) {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
@@ -1211,19 +1266,31 @@
 .ui[class*="very basic"].table {
   border: none;
 }
-.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
-.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td {
   padding: '';
 }
-.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
-.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child {
   padding-left: 0;
 }
-.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
-.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child {
   padding-right: 0;
 }
-.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
+.ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
   padding-top: 0;
 }
 
@@ -1231,15 +1298,24 @@
      Celled
 ---------------*/
 
-.ui.celled.table tr th,
-.ui.celled.table tr td {
+.ui.celled.table > tr > th,
+.ui.celled.table > thead > tr > th,
+.ui.celled.table > tbody > tr > th,
+.ui.celled.table > tfoot > tr > th,
+.ui.celled.table > tr > td,
+.ui.celled.table > tbody > tr > td {
   border-left: 1px solid rgba(34, 36, 38, 0.1);
 }
-.ui.inverted.celled.table tr td {
+.ui.inverted.celled.table > tbody > tr > td,
+.ui.inverted.celled.table > tr > td {
   border-left: 1px solid rgba(255, 255, 255, 0.1);
 }
-.ui.celled.table tr th:first-child,
-.ui.celled.table tr td:first-child {
+.ui.celled.table > tr > th:first-child,
+.ui.celled.table > thead > tr > th:first-child,
+.ui.celled.table > tbody > tr > th:first-child,
+.ui.celled.table > tfoot > tr > th:first-child,
+.ui.celled.table > tr > td:first-child,
+.ui.celled.table > tbody > tr > td:first-child {
   border-left: none;
 }
 
@@ -1247,21 +1323,32 @@
      Padded
 ---------------*/
 
-.ui.padded.table th {
+.ui.padded.table > tr > th,
+.ui.padded.table > thead > tr > th,
+.ui.padded.table > tbody > tr > th,
+.ui.padded.table > tfoot > tr > th {
   padding-left: 1em;
   padding-right: 1em;
 }
-.ui.padded.table th,
-.ui.padded.table td {
+.ui.padded.table > tr > th,
+.ui.padded.table > thead > tr > th,
+.ui.padded.table > tbody > tr > th,
+.ui.padded.table > tfoot > tr > th,
+.ui.padded.table > tr > td,
+.ui.padded.table > tbody > tr > td {
   padding: 1em 1em;
 }
 
 /* Very */
-.ui[class*="very padded"].table th {
+.ui[class*="very padded"].table > tr > th,
+.ui[class*="very padded"].table > thead > tr > th,
+.ui[class*="very padded"].table > tbody > tr > th,
+.ui[class*="very padded"].table > tfoot > tr > th {
   padding-left: 1.5em;
   padding-right: 1.5em;
 }
-.ui[class*="very padded"].table td {
+.ui[class*="very padded"].table > tr > td,
+.ui[class*="very padded"].table > tbody > tr > td {
   padding: 1.5em 1.5em;
 }
 
@@ -1269,20 +1356,28 @@
      Compact
 ---------------*/
 
-.ui.compact.table th {
+.ui.compact.table > tr > th,
+.ui.compact.table > thead > tr > th,
+.ui.compact.table > tbody > tr > th,
+.ui.compact.table > tfoot > tr > th {
   padding-left: 0.7em;
   padding-right: 0.7em;
 }
-.ui.compact.table td {
+.ui.compact.table > tr > td,
+.ui.compact.table > tbody > tr > td {
   padding: 0.5em 0.7em;
 }
 
 /* Very */
-.ui[class*="very compact"].table th {
+.ui[class*="very compact"].table > tr > th,
+.ui[class*="very compact"].table > thead > tr > th,
+.ui[class*="very compact"].table > tbody > tr > th,
+.ui[class*="very compact"].table > tfoot > tr > th {
   padding-left: 0.6em;
   padding-right: 0.6em;
 }
-.ui[class*="very compact"].table td {
+.ui[class*="very compact"].table > tr > td,
+.ui[class*="very compact"].table > tbody > tr > td {
   padding: 0.4em 0.6em;
 }