fomantic-ui 2.9.0-beta.77 → 2.9.0-beta.80

package/src/definitions/collections/menu.less

@@ -271,9 +271,9 @@
   }
 }
 
-/* Pointing */
-.ui.menu .pointing.dropdown.item .menu {
-  margin-top: @pointingDropdownMenuDistance;
+  /* Pointing */
+  .ui.menu .pointing.dropdown.item .menu {
+    margin-top: @pointingDropdownMenuDistance;
 }
 
 & when (@variationMenuInverted) {
@@ -953,10 +953,11 @@ Floated Menu / Item
     .ui.vertical.secondary.menu .item > .menu .item {
       background-color: transparent;
     }
-
-    /* Inverted */
-    .ui.secondary.inverted.menu {
-      background-color: transparent;
+    & when (@variationMenuInverted) {
+      /* Inverted */
+      .ui.secondary.inverted.menu {
+        background-color: transparent;
+      }
     }
   }
 
@@ -1223,51 +1224,59 @@ Floated Menu / Item
   }
 }
 
-/*--------------
-    Icon Only
----------------*/
+& when (@variationMenuIcon) {
+  /*--------------
+      Icon Only
+  ---------------*/
 
-/* Vertical Menu */
-.ui.vertical.icon.menu {
-  display: inline-block;
-  width: auto;
-}
+  & when (@variationMenuVertical) {
+    /* Vertical Menu */
+    .ui.vertical.icon.menu {
+      display: inline-block;
+      width: auto;
+    }
+  }
 
-/* Item */
-.ui.icon.menu .item {
-  height: auto;
-  text-align: @iconMenuTextAlign;
-  color: @iconMenuItemColor;
-}
+  /* Item */
+  .ui.icon.menu .item {
+    height: auto;
+    text-align: @iconMenuTextAlign;
+    color: @iconMenuItemColor;
+  }
 
-/* Icon */
-.ui.icon.menu .item > i.icon:not(.dropdown) {
-  margin: 0;
-  opacity: 1;
-}
+  /* Icon */
+  .ui.icon.menu .item > i.icon:not(.dropdown) {
+    margin: 0;
+    opacity: 1;
+  }
 
-/* Icon Glyph */
-.ui.icon.menu i.icon:before {
-  opacity: 1;
-}
+  /* Icon Glyph */
+  .ui.icon.menu i.icon:before {
+    opacity: 1;
+  }
 
-/* (x) Item Icon */
-.ui.menu .icon.item > i.icon {
-  width: auto;
-  margin: 0 auto;
-}
+  /* (x) Item Icon */
+  .ui.menu .icon.item > i.icon {
+    width: auto;
+    margin: 0 auto;
+  }
 
-/* Vertical Icon */
-.ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
-  display: block;
-  opacity: 1;
-  margin: 0 auto;
-  float: none;
-}
+  /* Vertical Icon */
+  & when (@variationMenuVertical) {
+    .ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
+      display: block;
+      opacity: 1;
+      margin: 0 auto;
+      float: none;
+    }
+  }
 
-/* Inverted */
-.ui.inverted.icon.menu .item {
-  color: @iconMenuInvertedItemColor;
+  /* Inverted */
+  & when (@variationMenuInverted) {
+    .ui.inverted.icon.menu .item {
+      color: @iconMenuInvertedItemColor;
+    }
+  }
 }
 
 & when (@variationMenuLabeled) {
@@ -1639,38 +1648,40 @@ each(@colors, {
   display: none;
 }
 
-.ui.menu.two.item .item {
-  width: 50%;
-}
-.ui.menu.three.item .item {
-  width: 33.333%;
-}
-.ui.menu.four.item .item {
-  width: 25%;
-}
-.ui.menu.five.item .item {
-  width: 20%;
-}
-.ui.menu.six.item .item {
-  width: 16.666%;
-}
-.ui.menu.seven.item .item {
-  width: 14.285%;
-}
-.ui.menu.eight.item .item {
-  width: 12.500%;
-}
-.ui.menu.nine.item .item {
-  width: 11.11%;
-}
-.ui.menu.ten.item .item {
-  width: 10.0%;
-}
-.ui.menu.eleven.item .item {
-  width: 9.09%;
-}
-.ui.menu.twelve.item .item {
-  width: 8.333%;
+& when (@variationMenuEqualWidth) {
+  .ui.menu.two.item .item {
+    width: 50%;
+  }
+  .ui.menu.three.item .item {
+    width: 33.333%;
+  }
+  .ui.menu.four.item .item {
+    width: 25%;
+  }
+  .ui.menu.five.item .item {
+    width: 20%;
+  }
+  .ui.menu.six.item .item {
+    width: 16.666%;
+  }
+  .ui.menu.seven.item .item {
+    width: 14.285%;
+  }
+  .ui.menu.eight.item .item {
+    width: 12.500%;
+  }
+  .ui.menu.nine.item .item {
+    width: 11.11%;
+  }
+  .ui.menu.ten.item .item {
+    width: 10.0%;
+  }
+  .ui.menu.eleven.item .item {
+    width: 9.09%;
+  }
+  .ui.menu.twelve.item .item {
+    width: 8.333%;
+  }
 }
 
 & when (@variationMenuFixed) {
@@ -1914,8 +1925,10 @@ each(@colors, {
 .ui.menu {
   font-size: @medium;
 }
-.ui.vertical.menu {
-  width: @mediumWidth;
+& when (@variationMenuVertical) {
+  .ui.vertical.menu {
+    width: @mediumWidth;
+  }
 }
 & when not (@variationMenuSizes = false) {
   each(@variationMenuSizes, {
@@ -1926,8 +1939,10 @@ each(@colors, {
     .ui.@{value}.menu .dropdown .menu > .item {
       font-size: @s;
     }
-    .ui.@{value}.vertical.menu:not(.icon) {
-      width: @@w;
+    & when (@variationMenuVertical) {
+      .ui.@{value}.vertical.menu:not(.icon) {
+        width: @@w;
+      }
     }
   })
 }

package/src/definitions/collections/message.less

@@ -105,13 +105,14 @@
   margin-bottom: 0;
 }
 
-
-/* Icon */
-.ui.icon.message > .icons,
-.ui.icon.message > i.icon {
-  margin-right: @iconDistance;
-  &:last-child {
-    margin: 0 0 0 @iconDistance;
+& when (@variationMessageIcon) {
+  /* Icon */
+  .ui.icon.message > .icons,
+  .ui.icon.message > i.icon {
+    margin-right: @iconDistance;
+    &:last-child {
+      margin: 0 0 0 @iconDistance;
+    }
   }
 }
 

package/src/definitions/collections/table.less

@@ -864,124 +864,128 @@ each(@colors, {
 
 })
 
-/*--------------
-  Column Count
----------------*/
+& when (@variationTableEqualWidth) {
+  /*--------------
+    Column Count
+  ---------------*/
 
-/* Grid Based */
-.ui.one.column.table td {
-  width: @oneColumn;
-}
-.ui.two.column.table td {
-  width: @twoColumn;
-}
-.ui.three.column.table td {
-  width: @threeColumn;
-}
-.ui.four.column.table td {
-  width: @fourColumn;
-}
-.ui.five.column.table td {
-  width: @fiveColumn;
-}
-.ui.six.column.table td {
-  width: @sixColumn;
-}
-.ui.seven.column.table td {
-  width: @sevenColumn;
-}
-.ui.eight.column.table td {
-  width: @eightColumn;
-}
-.ui.nine.column.table td {
-  width: @nineColumn;
-}
-.ui.ten.column.table td {
-  width: @tenColumn;
-}
-.ui.eleven.column.table td {
-  width: @elevenColumn;
-}
-.ui.twelve.column.table td {
-  width: @twelveColumn;
-}
-.ui.thirteen.column.table td {
-  width: @thirteenColumn;
-}
-.ui.fourteen.column.table td {
-  width: @fourteenColumn;
-}
-.ui.fifteen.column.table td {
-  width: @fifteenColumn;
-}
-.ui.sixteen.column.table td {
-  width: @sixteenColumn;
+  /* Grid Based */
+  .ui.one.column.table td {
+    width: @oneColumn;
+  }
+  .ui.two.column.table td {
+    width: @twoColumn;
+  }
+  .ui.three.column.table td {
+    width: @threeColumn;
+  }
+  .ui.four.column.table td {
+    width: @fourColumn;
+  }
+  .ui.five.column.table td {
+    width: @fiveColumn;
+  }
+  .ui.six.column.table td {
+    width: @sixColumn;
+  }
+  .ui.seven.column.table td {
+    width: @sevenColumn;
+  }
+  .ui.eight.column.table td {
+    width: @eightColumn;
+  }
+  .ui.nine.column.table td {
+    width: @nineColumn;
+  }
+  .ui.ten.column.table td {
+    width: @tenColumn;
+  }
+  .ui.eleven.column.table td {
+    width: @elevenColumn;
+  }
+  .ui.twelve.column.table td {
+    width: @twelveColumn;
+  }
+  .ui.thirteen.column.table td {
+    width: @thirteenColumn;
+  }
+  .ui.fourteen.column.table td {
+    width: @fourteenColumn;
+  }
+  .ui.fifteen.column.table td {
+    width: @fifteenColumn;
+  }
+  .ui.sixteen.column.table td {
+    width: @sixteenColumn;
+  }
 }
 
-/* Column Width */
-.ui.table th.one.wide,
-.ui.table td.one.wide {
-  width: @oneWide;
-}
-.ui.table th.two.wide,
-.ui.table td.two.wide {
-  width: @twoWide;
-}
-.ui.table th.three.wide,
-.ui.table td.three.wide {
-  width: @threeWide;
-}
-.ui.table th.four.wide,
-.ui.table td.four.wide {
-  width: @fourWide;
-}
-.ui.table th.five.wide,
-.ui.table td.five.wide {
-  width: @fiveWide;
-}
-.ui.table th.six.wide,
-.ui.table td.six.wide {
-  width: @sixWide;
-}
-.ui.table th.seven.wide,
-.ui.table td.seven.wide {
-  width: @sevenWide;
-}
-.ui.table th.eight.wide,
-.ui.table td.eight.wide {
-  width: @eightWide;
-}
-.ui.table th.nine.wide,
-.ui.table td.nine.wide {
-  width: @nineWide;
-}
-.ui.table th.ten.wide,
-.ui.table td.ten.wide {
-  width: @tenWide;
-}
-.ui.table th.eleven.wide,
-.ui.table td.eleven.wide {
-  width: @elevenWide;
-}
-.ui.table th.twelve.wide,
-.ui.table td.twelve.wide {
-  width: @twelveWide;
-}
-.ui.table th.thirteen.wide,
-.ui.table td.thirteen.wide {
-  width: @thirteenWide;
-}
-.ui.table th.fourteen.wide,
-.ui.table td.fourteen.wide {
-  width: @fourteenWide;
-}
-.ui.table th.fifteen.wide,
-.ui.table td.fifteen.wide {
-  width: @fifteenWide;
-}
-.ui.table th.sixteen.wide,
-.ui.table td.sixteen.wide {
-  width: @sixteenWide;
+& when (@variationTableWide) {
+  /* Column Width */
+  .ui.table th.one.wide,
+  .ui.table td.one.wide {
+    width: @oneWide;
+  }
+  .ui.table th.two.wide,
+  .ui.table td.two.wide {
+    width: @twoWide;
+  }
+  .ui.table th.three.wide,
+  .ui.table td.three.wide {
+    width: @threeWide;
+  }
+  .ui.table th.four.wide,
+  .ui.table td.four.wide {
+    width: @fourWide;
+  }
+  .ui.table th.five.wide,
+  .ui.table td.five.wide {
+    width: @fiveWide;
+  }
+  .ui.table th.six.wide,
+  .ui.table td.six.wide {
+    width: @sixWide;
+  }
+  .ui.table th.seven.wide,
+  .ui.table td.seven.wide {
+    width: @sevenWide;
+  }
+  .ui.table th.eight.wide,
+  .ui.table td.eight.wide {
+    width: @eightWide;
+  }
+  .ui.table th.nine.wide,
+  .ui.table td.nine.wide {
+    width: @nineWide;
+  }
+  .ui.table th.ten.wide,
+  .ui.table td.ten.wide {
+    width: @tenWide;
+  }
+  .ui.table th.eleven.wide,
+  .ui.table td.eleven.wide {
+    width: @elevenWide;
+  }
+  .ui.table th.twelve.wide,
+  .ui.table td.twelve.wide {
+    width: @twelveWide;
+  }
+  .ui.table th.thirteen.wide,
+  .ui.table td.thirteen.wide {
+    width: @thirteenWide;
+  }
+  .ui.table th.fourteen.wide,
+  .ui.table td.fourteen.wide {
+    width: @fourteenWide;
+  }
+  .ui.table th.fifteen.wide,
+  .ui.table td.fifteen.wide {
+    width: @fifteenWide;
+  }
+  .ui.table th.sixteen.wide,
+  .ui.table td.sixteen.wide {
+    width: @sixteenWide;
+  }
 }
 
 & when (@variationTableSortable) {
@@ -1137,7 +1141,7 @@ each(@colors, {
   }
 }
 
-& when (@variationTableBasic) {
+& when (@variationTableBasic) or (@variationTableVeryBasic){
   /*--------------
         Basic
   ---------------*/
@@ -1171,38 +1175,40 @@ each(@colors, {
       background-color: @basicTableStripedBackground;
     }
   }
-  /* Very Basic */
-  .ui[class*="very basic"].table {
-    border: none;
-  }
-  .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: @basicTableCellPadding;
-  }
-  .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 ,
-  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
-    padding-left: 0;
-  }
-  .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,
-  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot >tr > td:last-child {
-    padding-right: 0;
-  }
-  .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
-    padding-top: 0;
+  & when (@variationTableVeryBasic) {
+    /* Very Basic */
+    .ui[class*="very basic"].table {
+      border: none;
+    }
+    .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: @basicTableCellPadding;
+    }
+    .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,
+    .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
+      padding-left: 0;
+    }
+    .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,
+    .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
+      padding-right: 0;
+    }
+    .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
+      padding-top: 0;
+    }
   }
 }
 
@@ -1237,7 +1243,7 @@ each(@colors, {
   }
 }
 
-& when (@variationTablePadded) {
+& when (@variationTablePadded) or (@variationTableVeryPadded) {
   /*--------------
        Padded
   ---------------*/
@@ -1259,22 +1265,24 @@ each(@colors, {
     padding: @paddedVerticalPadding @paddedHorizontalPadding;
   }
 
-  /* Very */
-  .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: @veryPaddedHorizontalPadding;
-    padding-right: @veryPaddedHorizontalPadding;
-  }
-  .ui[class*="very padded"].table > tr > td,
-  .ui[class*="very padded"].table > tbody > tr > td ,
-  .ui[class*="very padded"].table > tfoot > tr > td {
-    padding: @veryPaddedVerticalPadding @veryPaddedHorizontalPadding;
+  & when (@variationTableVeryPadded) {
+    /* Very */
+    .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: @veryPaddedHorizontalPadding;
+      padding-right: @veryPaddedHorizontalPadding;
+    }
+    .ui[class*="very padded"].table > tr > td,
+    .ui[class*="very padded"].table > tbody > tr > td,
+    .ui[class*="very padded"].table > tfoot > tr > td {
+      padding: @veryPaddedVerticalPadding @veryPaddedHorizontalPadding;
+    }
   }
 }
 
-& when (@variationTableCompact) {
+& when (@variationTableCompact) or (@variationTableVeryCompact) {
   /*--------------
        Compact
   ---------------*/
@@ -1292,18 +1300,20 @@ each(@colors, {
     padding: @compactVerticalPadding @compactHorizontalPadding;
   }
 
-  /* Very */
-  .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: @veryCompactHorizontalPadding;
-    padding-right: @veryCompactHorizontalPadding;
-  }
-  .ui[class*="very compact"].table > tr > td,
-  .ui[class*="very compact"].table > tbody > tr > td ,
-  .ui[class*="very compact"].table > tfoot > tr > td {
-    padding: @veryCompactVerticalPadding @veryCompactHorizontalPadding;
+  & when (@variationTableVeryCompact) {
+    /* Very */
+    .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: @veryCompactHorizontalPadding;
+      padding-right: @veryCompactHorizontalPadding;
+    }
+    .ui[class*="very compact"].table > tr > td,
+    .ui[class*="very compact"].table > tbody > tr > td,
+    .ui[class*="very compact"].table > tfoot > tr > td {
+      padding: @veryCompactVerticalPadding @veryCompactHorizontalPadding;
+    }
   }
 }