fomantic-ui 2.9.1-beta.29 → 2.9.1-beta.30

package/dist/semantic.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.1-beta.29+70adac5
+ * # Fomantic UI - 2.9.1-beta.30+42e4040
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.1-beta.29+70adac5",
+  "version": "2.9.1-beta.30+42e4040",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",

package/src/definitions/collections/breadcrumb.less

@@ -42,7 +42,7 @@
 .ui.breadcrumb .divider {
     display: inline-block;
     opacity: @dividerOpacity;
-    margin: 0 @dividerSpacing 0;
+    margin: 0 @dividerSpacing;
     font-size: @dividerSize;
     color: @dividerColor;
     vertical-align: @dividerVerticalAlign;

package/src/definitions/collections/grid.less

@@ -23,8 +23,7 @@
 
 .ui.grid {
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-flow: row wrap;
     align-items: stretch;
     padding: 0;
 }
@@ -34,10 +33,7 @@
 ----------------------- */
 
 .ui.grid {
-    margin-top: -(@rowSpacing / 2);
-    margin-bottom: -(@rowSpacing / 2);
-    margin-left: -(@gutterWidth / 2);
-    margin-right: -(@gutterWidth / 2);
+    margin: -(@rowSpacing / 2) -(@gutterWidth / 2);
 }
 & when (@variationGridRelaxed) {
     .ui.relaxed.grid {
@@ -84,8 +80,7 @@
 .ui.grid > .row {
     position: relative;
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-flow: row wrap;
     justify-content: inherit;
     align-items: stretch;
     width: 100% !important;
@@ -1696,7 +1691,7 @@
         .ui.stackable.grid > .column:not(.row),
         .ui.grid > .stackable.stackable.stackable.row > .column {
             width: 100% !important;
-            margin: 0 0 !important;
+            margin: 0 !important;
             box-shadow: none !important;
             padding: (@stackableRowSpacing / 2) (@stackableGutter / 2);
         }
@@ -1908,10 +1903,7 @@
 
     /* Row */
     .ui.ui.ui.compact.grid > .row {
-        padding-top: (@compactRowSpacing / 2);
-        padding-bottom: (@compactRowSpacing / 2);
-        padding-left: 0;
-        padding-right: 0;
+        padding: (@compactRowSpacing / 2) 0;
     }
 
     /* Columns */
@@ -1955,10 +1947,7 @@
 
         /* Row */
         .ui.ui.ui[class*="very compact"].grid > .row {
-            padding-top: (@veryCompactRowSpacing / 2);
-            padding-bottom: (@veryCompactRowSpacing / 2);
-            padding-left: 0;
-            padding-right: 0;
+            padding: (@veryCompactRowSpacing / 2) 0;
         }
 
         /* Columns */

package/src/definitions/collections/menu.less

@@ -962,13 +962,11 @@ Floated Menu / Item
         }
 
         .ui.secondary.pointing.menu .item {
-            border-bottom-color: transparent;
-            border-bottom-style: solid;
+            border-bottom: @secondaryPointingBorderWidth solid transparent;
             border-radius: 0;
             align-self: flex-end;
             margin: 0 0 -@secondaryPointingBorderWidth;
             padding: @secondaryPointingItemVerticalPadding @secondaryPointingItemHorizontalPadding;
-            border-bottom-width: @secondaryPointingBorderWidth;
             transition: @secondaryItemTransition;
         }
         .ui.secondary.pointing.menu .ui.dropdown .menu .item {
@@ -1034,17 +1032,13 @@ Floated Menu / Item
             /* Vertical Pointing */
             .ui.secondary.vertical.pointing.menu {
                 border-bottom-width: 0;
-                border-right-width: @secondaryPointingBorderWidth;
-                border-right-style: solid;
-                border-right-color: @secondaryPointingBorderColor;
+                border-right: @secondaryPointingBorderWidth solid @secondaryPointingBorderColor;
             }
             .ui.secondary.vertical.pointing.menu .item {
                 border-bottom: none;
-                border-right-style: solid;
-                border-right-color: transparent;
+                border-right: @secondaryPointingBorderWidth solid transparent;
                 border-radius: 0 !important;
                 margin: @secondaryVerticalPointingItemMargin;
-                border-right-width: @secondaryPointingBorderWidth;
             }
 
             /* Vertical Active */
@@ -1590,6 +1584,7 @@ Floated Menu / Item
         .ui.compact.vertical.menu {
             & when (@supportIE) {
                 /* IE hack to make dropdown icons appear inline */
+                // stylelint-disable-next-line value-no-vendor-prefix
                 display: -ms-inline-flexbox !important;
             }
 

package/src/definitions/collections/table.less

@@ -1814,7 +1814,6 @@
     & when (@variationTableStuckHead) or (@variationTableStuckFoot) {
         .ui.head.stuck.table > thead,
         .ui.foot.stuck.table > tfoot {
-            position: -webkit-sticky;
             position: sticky;
             z-index: @stuckZIndex;
         }
@@ -1854,7 +1853,6 @@
         border-left: 0;
         & th:first-child,
         td:first-child {
-            position: -webkit-sticky;
             position: sticky;
             left: 0;
             border-left: @cellBorder;
@@ -1872,7 +1870,6 @@
         border-right: 0;
         & th:last-child,
         td:last-child {
-            position: -webkit-sticky;
             position: sticky;
             right: 0;
             border-right: @cellBorder;

package/src/definitions/elements/button.less

@@ -704,7 +704,7 @@
 
     .ui.compact.labeled.icon.buttons .button > .icon,
     .ui.compact.labeled.icon.button > .icon {
-        padding: @compactVerticalPadding 0 @compactVerticalPadding 0;
+        padding: @compactVerticalPadding 0;
     }
 }
 
@@ -1005,7 +1005,7 @@
         border-bottom-left-radius: inherit;
         text-align: center;
         animation: none;
-        padding: @verticalPadding 0 @verticalPadding 0;
+        padding: @verticalPadding 0;
         margin: @labeledIconMargin;
         width: @labeledIconWidth;
         background-color: @labeledIconBackgroundColor;

package/src/definitions/elements/divider.less

@@ -232,10 +232,7 @@
     .ui.divider.inverted,
     .ui.divider.inverted::after,
     .ui.divider.inverted::before {
-        border-top-color: @invertedShadowColor !important;
-        border-left-color: @invertedShadowColor !important;
-        border-bottom-color: @invertedHighlightColor !important;
-        border-right-color: @invertedHighlightColor !important;
+        border-color: @invertedShadowColor @invertedHighlightColor @invertedHighlightColor @invertedShadowColor !important;
     }
 }
 

package/src/definitions/elements/header.less

@@ -448,7 +448,7 @@
     .ui.attached.header {
         background: @attachedBackground;
         padding: @attachedVerticalPadding @attachedHorizontalPadding;
-        margin: 0 @attachedOffset 0 @attachedOffset;
+        margin: 0 @attachedOffset;
         box-shadow: @attachedBoxShadow;
         border: @attachedBorder;
         border-radius: 0;

package/src/definitions/elements/image.less

@@ -256,8 +256,7 @@ img.ui.image {
     }
     .ui.centered.images {
         display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
+        flex-flow: row wrap;
         align-items: stretch;
         justify-content: center;
     }
@@ -297,7 +296,7 @@ img.ui.image {
 
     .ui.images {
         font-size: 0;
-        margin: 0 -@imageHorizontalMargin 0;
+        margin: 0 -@imageHorizontalMargin;
     }
 
     .ui.images .image,

package/src/definitions/elements/label.less

@@ -899,7 +899,6 @@ a.ui.active.label:hover::before {
     .ui[class*="bottom pointing"].label::before,
     .ui[class*="pointing below"].label::before {
         border-width: 0 @borderWidth @borderWidth 0;
-        top: auto;
         right: auto;
         transform: translateX(-50%) translateY(-50%) rotate(45deg);
         top: 100%;

package/src/definitions/elements/step.less

@@ -58,8 +58,7 @@
     position: relative;
     display: flex;
     flex: 1 0 auto;
-    flex-wrap: wrap;
-    flex-direction: row;
+    flex-flow: row wrap;
     vertical-align: middle;
     align-items: center;
     justify-content: @justifyContent;

package/src/definitions/modules/dropdown.less

@@ -435,7 +435,6 @@ select.ui.dropdown {
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
         border-top-width: 0 !important;
-        width: auto;
         outline: none;
         margin: 0 -@menuBorderWidth;
         min-width: @menuMinWidth;
@@ -557,7 +556,6 @@ select.ui.dropdown {
 
     /* User addition item */
     .ui.dropdown > .menu > .stuck.addition.item:first-child {
-        position: -webkit-sticky;
         position: sticky;
         top: 0;
         box-shadow: @selectionVisibleBoxShadow;
@@ -1412,6 +1410,7 @@ select.ui.dropdown {
         position: absolute;
         & when (@supportIE) {
             /* IE hack to make dropdown icons appear inline */
+            // stylelint-disable-next-line value-no-vendor-prefix
             display: -ms-inline-flexbox !important;
         }
 
@@ -1614,7 +1613,7 @@ select.ui.dropdown {
     .ui.left.pointing.dropdown > .menu::after {
         top: 1em;
         left: @pointingArrowOffset;
-        margin: 0 0 0 0;
+        margin: 0;
         transform: rotate(-45deg);
     }
     .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
@@ -1626,7 +1625,7 @@ select.ui.dropdown {
         top: 1em;
         left: auto;
         right: @pointingArrowOffset;
-        margin: 0 0 0 0;
+        margin: 0;
         transform: rotate(135deg);
     }
 
@@ -1641,7 +1640,7 @@ select.ui.dropdown {
         top: 1em;
         left: auto;
         right: @pointingArrowOffset;
-        margin: 0 0 0 0;
+        margin: 0;
         transform: rotate(135deg);
     }
 

package/src/definitions/views/card.less

@@ -530,8 +530,7 @@
 
     .ui.horizontal.cards > .card,
     .ui.card.horizontal {
-        flex-direction: row;
-        flex-wrap: wrap;
+        flex-flow: row wrap;
         min-width: @horizontalMinWidth;
         width: @horizontalWidth;
         max-width: 100%;

package/src/definitions/views/statistic.less

@@ -371,7 +371,7 @@
         }
         .ui.stackable.statistics > .statistic {
             width: 100% !important;
-            margin: 0 0 !important;
+            margin: 0 !important;
             padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
         }
     }

package/src/themes/amazon/elements/button.overrides

@@ -1,5 +1,5 @@
 .ui.button {
-    background-image: linear-gradient(center top, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgba(0, 0, 0, 0);
+    background: linear-gradient(to bottom, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.primary.button {