fomantic-ui 2.10.0-beta.65 → 2.10.0-beta.67

package/src/definitions/modules/popup.less

@@ -237,18 +237,12 @@
                 /* Top Center (default) */
                 [data-tooltip]:not([data-position])::after,
                 [data-position="top center"][data-tooltip]::after {
-                    top: auto;
-                    right: auto;
-                    left: 50%;
-                    bottom: 100%;
+                    inset: auto auto 100% 50%;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-tooltip]:not([data-position])::before,
                 [data-position="top center"][data-tooltip]::before {
-                    top: auto;
-                    right: auto;
-                    bottom: 100%;
-                    left: 50%;
+                    inset: auto auto 100% 50%;
                     background: @tooltipArrowTopBackground;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
@@ -257,17 +251,11 @@
             & when (@variationPopupLeft) {
                 /* Top Left */
                 [data-position="top left"][data-tooltip]::after {
-                    top: auto;
-                    right: auto;
-                    left: 0;
-                    bottom: 100%;
+                    inset: auto auto 100% 0;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-position="top left"][data-tooltip]::before {
-                    top: auto;
-                    right: auto;
-                    bottom: 100%;
-                    left: @arrowDistanceFromEdge;
+                    inset: auto auto 100% @arrowDistanceFromEdge;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
                 }
@@ -275,17 +263,11 @@
             & when (@variationPopupRight) {
                 /* Top Right */
                 [data-position="top right"][data-tooltip]::after {
-                    top: auto;
-                    left: auto;
-                    right: 0;
-                    bottom: 100%;
+                    inset: auto 0 100% auto;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-position="top right"][data-tooltip]::before {
-                    top: auto;
-                    left: auto;
-                    bottom: 100%;
-                    right: @arrowDistanceFromEdge;
+                    inset: auto @arrowDistanceFromEdge 100% auto;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
                 }
@@ -300,17 +282,11 @@
             & when (@variationPopupCenter) {
                 /* Bottom Center */
                 [data-position="bottom center"][data-tooltip]::after {
-                    bottom: auto;
-                    right: auto;
-                    left: 50%;
-                    top: 100%;
+                    inset: 100% auto auto 50%;
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom center"][data-tooltip]::before {
-                    bottom: auto;
-                    right: auto;
-                    top: 100%;
-                    left: 50%;
+                    inset: 100% auto auto 50%;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-top: -@arrowOffset;
                 }
@@ -323,10 +299,7 @@
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom left"][data-tooltip]::before {
-                    bottom: auto;
-                    right: auto;
-                    top: 100%;
-                    left: @arrowDistanceFromEdge;
+                    inset: 100% auto auto @arrowDistanceFromEdge;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-top: -@tooltipArrowVerticalOffset;
                 }
@@ -339,10 +312,7 @@
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom right"][data-tooltip]::before {
-                    bottom: auto;
-                    left: auto;
-                    top: 100%;
-                    right: @arrowDistanceFromEdge;
+                    inset: 100% @arrowDistanceFromEdge auto auto;
                     margin-left: @tooltipArrowVerticalOffset;
                     margin-top: -@tooltipArrowHorizontalOffset;
                 }
@@ -548,10 +518,7 @@
     /* --- Below --- */
     .ui.bottom.center.popup::before {
         margin-left: @arrowOffset;
-        top: @arrowOffset;
-        left: 50%;
-        right: auto;
-        bottom: auto;
+        inset: @arrowOffset auto auto 50%;
         box-shadow: @bottomArrowBoxShadow;
     }
 
@@ -561,10 +528,7 @@
 
     /* rtl:rename */
     .ui.bottom.left.popup::before {
-        top: @arrowOffset;
-        left: @arrowDistanceFromEdge;
-        right: auto;
-        bottom: auto;
+        inset: @arrowOffset auto auto @arrowDistanceFromEdge;
         margin-left: 0;
         box-shadow: @bottomArrowBoxShadow;
     }
@@ -575,10 +539,7 @@
 
     /* rtl:rename */
     .ui.bottom.right.popup::before {
-        top: @arrowOffset;
-        right: @arrowDistanceFromEdge;
-        bottom: auto;
-        left: auto;
+        inset: @arrowOffset @arrowDistanceFromEdge auto auto;
         margin-left: 0;
         box-shadow: @bottomArrowBoxShadow;
     }
@@ -588,10 +549,7 @@
     /* --- Above --- */
     & when (@variationPopupCenter) {
         .ui.top.center.popup::before {
-            top: auto;
-            right: auto;
-            bottom: @arrowOffset;
-            left: 50%;
+            inset: auto auto @arrowOffset 50%;
             margin-left: @arrowOffset;
         }
     }
@@ -602,10 +560,7 @@
 
         /* rtl:rename */
         .ui.top.left.popup::before {
-            bottom: @arrowOffset;
-            left: @arrowDistanceFromEdge;
-            top: auto;
-            right: auto;
+            inset: auto auto @arrowOffset @arrowDistanceFromEdge;
             margin-left: 0;
         }
     }
@@ -616,10 +571,7 @@
 
         /* rtl:rename */
         .ui.top.right.popup::before {
-            bottom: @arrowOffset;
-            right: @arrowDistanceFromEdge;
-            top: auto;
-            left: auto;
+            inset: auto @arrowDistanceFromEdge @arrowOffset auto;
             margin-left: 0;
         }
     }
@@ -631,10 +583,7 @@
     /* rtl:rename */
     & when (@variationPopupLeft) {
         .ui.left.center.popup::before {
-            top: 50%;
-            right: @arrowOffset;
-            bottom: auto;
-            left: auto;
+            inset: 50% @arrowOffset auto auto;
             margin-top: @arrowOffset;
             box-shadow: @leftArrowBoxShadow;
         }
@@ -644,10 +593,7 @@
 
         /* rtl:rename */
         .ui.right.center.popup::before {
-            top: 50%;
-            left: @arrowOffset;
-            bottom: auto;
-            right: auto;
+            inset: 50% auto auto @arrowOffset;
             margin-top: @arrowOffset;
             box-shadow: @rightArrowBoxShadow;
         }
@@ -932,5 +878,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/progress.less

@@ -91,10 +91,7 @@
     position: @progressPosition;
     width: @progressWidth;
     font-size: @progressSize;
-    top: @progressTop;
-    right: @progressRight;
-    left: @progressLeft;
-    bottom: @progressBottom;
+    inset: @progressTop @progressRight @progressBottom @progressLeft;
     color: @progressColor;
     text-shadow: @progressTextShadow;
     margin-top: @progressOffset;
@@ -117,10 +114,7 @@
     position: absolute;
     width: @labelWidth;
     font-size: @labelSize;
-    top: @labelTop;
-    right: @labelRight;
-    left: @labelLeft;
-    bottom: @labelBottom;
+    inset: @labelTop @labelRight @labelBottom @labelLeft;
     color: @labelColor;
     font-weight: @labelFontWeight;
     text-shadow: @labelTextShadow;
@@ -352,10 +346,7 @@
         content: "";
         opacity: 0;
         position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        inset: 0;
         background: @activePulseColor;
         border-radius: @barBorderRadius;
         animation: progress-active @activePulseDuration @defaultEasing infinite;
@@ -668,5 +659,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/rating.less

@@ -177,5 +177,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/search.less

@@ -402,8 +402,7 @@
     .ui.scrolling.search > .results,
     .ui.search.long > .results,
     .ui.search.short > .results {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -597,5 +596,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/shape.less

@@ -143,5 +143,4 @@
     display: block;
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/sidebar.js

@@ -672,7 +672,7 @@
                         return module.cache.isFirefox;
                     },
                     iframe: function () {
-                        return !(self === top);
+                        return !(window.self === window.top);
                     },
                     mobile: function () {
                         const userAgent = navigator.userAgent;

package/src/definitions/modules/sidebar.less

@@ -667,5 +667,4 @@ body.pushable > .pusher {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/slider.less

@@ -528,5 +528,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/sticky.less

@@ -65,5 +65,4 @@
     position: sticky;
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/tab.less

@@ -82,5 +82,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/toast.less

@@ -732,5 +732,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/transition.less

@@ -113,5 +113,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/ad.less

@@ -293,5 +293,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/card.less

@@ -1180,5 +1180,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/comment.less

@@ -298,5 +298,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/feed.less

@@ -536,5 +536,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/item.less

@@ -607,5 +607,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/views/statistic.less

@@ -414,5 +414,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/semantic.less

@@ -10,7 +10,7 @@
   Import this file into your LESS project to use Fomantic-UI without build tools
 */
 
-// stylelint-disable no-invalid-position-at-import-rule
+
 
 /* Global */
 & { @import "definitions/globals/reset"; }

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

@@ -29,7 +29,6 @@
     0 1px 0 1px rgb(255 255 255 / 0.3) inset,
     0 0 0 1px #adb2bb inset;
 
-@coloredBackgroundImage: linear-gradient(rgb(255 255 255 / 0.2), rgb(0 0 0 / 0.2));
 @coloredBoxShadow: 0 1px 0 0 rgb(255 255 255 / 0.2) inset;
 
 @downBoxShadow:

package/src/themes/amazon/globals/site.variables

@@ -18,7 +18,6 @@
 @disabledOpacity: 0.3;
 
 @black: #444c55;
-@orange: #fde07b;
 
 @linkColor: #0066c0;
 @linkHoverColor: #c45500;

package/src/themes/bootstrap3/elements/button.variables

@@ -23,7 +23,6 @@
 
 @borderBoxShadowColor: rgb(0 0 0 / 0.14);
 
-@green: #5cb85c;
 @red: #d9534f;
 @blue: #337ab7;
 @green: #60b044;

package/src/themes/default/collections/form.variables

@@ -129,7 +129,6 @@
 /* Inverted */
 @invertedInputBackground: @inputBackground;
 @invertedInputBorderColor: @whiteBorderColor;
-@invertedInputBoxShadow: @inputBoxShadow;
 @invertedInputColor: @inputColor;
 @invertedLabelColor: @invertedTextColor;
 @invertedInputBoxShadow: none;

package/src/themes/default/elements/button.variables

@@ -156,7 +156,6 @@
 @iconButtonOpacity: 0.9;
 
 /* Labeled */
-@labeledLabelFontSize: @medium;
 @labeledLabelAlign: center;
 @labeledLabelPadding: "";
 @labeledLabelFontSize: @relativeMedium;

package/src/themes/default/modules/accordion.variables

@@ -75,7 +75,6 @@
 @styledTitlePadding: 0.75em 1em;
 @styledTitleFontWeight: @bold;
 @styledTitleColor: @unselectedTextColor;
-@styledTitleTransition: background-color @defaultDuration @defaultEasing;
 @styledTitleBorder: 1px solid @borderColor;
 @styledTitleTransition:
     background @defaultDuration @defaultEasing,

package/src/themes/default/views/card.variables

@@ -49,7 +49,6 @@
 /* Image */
 @imageBackground: @transparentBlack;
 @imagePadding: 0;
-@imageBorder: none;
 @imageBoxShadow: none;
 @imageBorder: none;
 

package/src/themes/default/views/item.variables

@@ -46,7 +46,6 @@
 @imageVerticalAlign: start;
 @imageMargin: 0;
 @imagePadding: 0;
-@imageBorder: none;
 @imageBorderRadius: 0.125rem;
 @imageBoxShadow: none;
 @imageBorder: none;

package/src/themes/github/modules/dropdown.variables

@@ -4,8 +4,6 @@
 
 @transition: width @defaultDuration @defaultEasing;
 
-@menuPadding: 0;
-
 @itemVerticalPadding: @relative8px;
 @itemHorizontalPadding: @relative14px;
 

package/src/themes/twitter/elements/button.variables

@@ -7,7 +7,6 @@
     Helvetica,
     Arial,
     sans-serif;
-@textColor: #66757f;
 @blue: #55acee;
 
 /* -------------------