fomantic-ui 2.9.2-beta.9 → 2.9.3-beta.0

package/src/definitions/elements/segment.less

@@ -727,7 +727,7 @@
             border: @attachedBorder;
         }
     }
-    .ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top) {
+    .ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top):not([class*="left attached"]):not([class*="right attached"]) {
         border-top: none;
     }
 
@@ -761,6 +761,32 @@
     .ui.tab.segment[class*="bottom attached"]:last-child {
         margin-bottom: @verticalMargin;
     }
+    .ui[class*="left attached"].segment {
+        margin-right: 0;
+    }
+    .ui[class*="right attached"].segment {
+        margin-left: 0;
+    }
+    & when (@variationSegmentSeamless) {
+        .ui.seamless.attached.segment {
+            &:not(.top):not(.bottom):not([class*="right attached"]):not([class*="left attached"]) {
+                border-top: none;
+                border-bottom: none;
+            }
+            &.top {
+                border-bottom: none;
+            }
+            &.bottom {
+                border-top: none;
+            }
+            &[class*="left attached"] {
+                border-right: none;
+            }
+            &[class*="right attached"] {
+                border-left: none;
+            }
+        }
+    }
 }
 
 & when (@variationSegmentFitted) {

package/src/definitions/elements/text.less

@@ -4,7 +4,7 @@
  *
  *
  * Released under the MIT license
- * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/globals/site.less

@@ -195,30 +195,12 @@ a:hover {
 *******************************/
 
 /* Site */
-::-webkit-selection {
-    background-color: @highlightBackground;
-    color: @highlightColor;
-}
-::-moz-selection {
-    background-color: @highlightBackground;
-    color: @highlightColor;
-}
 ::selection {
     background-color: @highlightBackground;
     color: @highlightColor;
 }
 
 /* Form */
-textarea::-webkit-selection,
-input::-webkit-selection {
-    background-color: @inputHighlightBackground;
-    color: @inputHighlightColor;
-}
-textarea::-moz-selection,
-input::-moz-selection {
-    background-color: @inputHighlightBackground;
-    color: @inputHighlightColor;
-}
 textarea::selection,
 input::selection {
     background-color: @inputHighlightBackground;

package/src/definitions/modules/checkbox.less

@@ -409,10 +409,10 @@
 
     /* Active */
     .ui.slider.checkbox input:checked ~ label {
-        color: @sliderOnLabelColor !important;
+        color: @sliderOnLabelColor;
     }
     .ui.slider.checkbox input:checked ~ label::before {
-        background-color: @sliderOnLineColor !important;
+        background-color: @sliderOnLineColor;
     }
     .ui.slider.checkbox input:checked ~ label::after {
         left: @sliderTravelDistance;
@@ -420,10 +420,10 @@
 
     /* Active Focus */
     .ui.slider.checkbox input:focus:checked ~ label {
-        color: @sliderOnFocusLabelColor !important;
+        color: @sliderOnFocusLabelColor;
     }
     .ui.slider.checkbox input:focus:checked ~ label::before {
-        background-color: @sliderOnFocusLineColor !important;
+        background-color: @sliderOnFocusLineColor;
     }
 
     & when (@variationCheckboxRightAligned) {
@@ -520,10 +520,10 @@
 
     /* Active */
     .ui.toggle.checkbox input:checked ~ label {
-        color: @toggleOnLabelColor !important;
+        color: @toggleOnLabelColor;
     }
     .ui.toggle.checkbox input:checked ~ label::before {
-        background-color: @toggleOnLaneColor !important;
+        background-color: @toggleOnLaneColor;
     }
     .ui.toggle.checkbox input:checked ~ label::after {
         left: @toggleOnOffset;
@@ -532,10 +532,10 @@
 
     /* Active Focus */
     .ui.toggle.checkbox input:focus:checked ~ label {
-        color: @toggleOnFocusLabelColor !important;
+        color: @toggleOnFocusLabelColor;
     }
     .ui.toggle.checkbox input:focus:checked ~ label::before {
-        background-color: @toggleOnFocusLaneColor !important;
+        background-color: @toggleOnFocusLaneColor;
     }
 
     & when (@variationCheckboxRightAligned) {
@@ -563,8 +563,8 @@
          Fitted
     --------------- */
 
-    .ui.fitted.checkbox label {
-        padding-left: 0 !important;
+    .ui.ui.fitted.checkbox label {
+        padding-left: 0;
     }
 
     .ui.fitted.toggle.checkbox {
@@ -580,14 +580,14 @@
     /* --------------
          Inverted
     --------------- */
-    .ui.inverted.checkbox label,
-    .ui.inverted.checkbox + label {
-        color: @invertedTextColor !important;
+    .ui.ui.ui.inverted.checkbox label,
+    .ui.ui.ui.inverted.checkbox + label {
+        color: @invertedTextColor;
     }
 
     /* Hover */
-    .ui.inverted.checkbox label:hover {
-        color: @invertedHoveredTextColor !important;
+    .ui.ui.inverted.checkbox label:hover {
+        color: @invertedHoveredTextColor;
     }
     .ui.inverted.checkbox label:hover::before {
         border-color: @strongSelectedBorderColor;
@@ -599,56 +599,56 @@
         }
 
         /* Slider Line */
-        .ui.inverted.slider.checkbox label::before {
-            background-color: @invertedUnselectedTextColor !important;
+        .ui.ui.inverted.slider.checkbox label::before {
+            background-color: @invertedUnselectedTextColor;
         }
 
         /* Slider Hover */
-        .ui.inverted.slider.checkbox label:hover::before {
-            background: @invertedLightTextColor !important;
+        .ui.ui.inverted.slider.checkbox label:hover::before {
+            background: @invertedLightTextColor;
         }
 
         /* Slider Active */
-        .ui.inverted.slider.checkbox input:checked ~ label {
-            color: @invertedSelectedTextColor !important;
+        .ui.ui.inverted.slider.checkbox input:checked ~ label {
+            color: @invertedSelectedTextColor;
         }
-        .ui.inverted.slider.checkbox input:checked ~ label::before {
-            background-color: @selectedWhiteBorderColor !important;
+        .ui.ui.inverted.slider.checkbox input:checked ~ label::before {
+            background-color: @selectedWhiteBorderColor;
         }
 
         /* Slider Active Focus */
-        .ui.inverted.slider.checkbox input:focus:checked ~ label {
-            color: @invertedSelectedTextColor !important;
+        .ui.ui.inverted.slider.checkbox input:focus:checked ~ label {
+            color: @invertedSelectedTextColor;
         }
-        .ui.inverted.slider.checkbox input:focus:checked ~ label::before {
-            background-color: @selectedWhiteBorderColor !important;
+        .ui.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
+            background-color: @selectedWhiteBorderColor;
         }
     }
     & when (@variationCheckboxToggle) {
         /* Toggle Switch */
-        .ui.inverted.toggle.checkbox label::before {
-            background-color: @invertedTextColor !important;
+        .ui.ui.inverted.toggle.checkbox label::before {
+            background-color: @invertedTextColor;
         }
 
         /* Toggle Hover */
-        .ui.inverted.toggle.checkbox label:hover::before {
-            background: @invertedHoveredTextColor !important;
+        .ui.ui.inverted.toggle.checkbox label:hover::before {
+            background: @invertedHoveredTextColor;
         }
 
         /* Toggle Active */
-        .ui.inverted.toggle.checkbox input:checked ~ label {
-            color: @invertedSelectedTextColor !important;
+        .ui.ui.inverted.toggle.checkbox input:checked ~ label {
+            color: @invertedSelectedTextColor;
         }
-        .ui.inverted.toggle.checkbox input:checked ~ label::before {
-            background-color: @toggleOnLaneColor !important;
+        .ui.ui.inverted.toggle.checkbox input:checked ~ label::before {
+            background-color: @toggleOnLaneColor;
         }
 
         /* Toggle Active Focus */
-        .ui.inverted.toggle.checkbox input:focus:checked ~ label {
-            color: @invertedSelectedTextColor !important;
+        .ui.ui.inverted.toggle.checkbox input:focus:checked ~ label {
+            color: @invertedSelectedTextColor;
         }
-        .ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
-            background-color: @toggleOnFocusLaneColor !important;
+        .ui.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
+            background-color: @toggleOnFocusLaneColor;
         }
     }
 }

package/src/definitions/modules/dropdown.less

@@ -425,6 +425,12 @@ select.ui.dropdown {
         /* Compact */
         .ui.compact.selection.dropdown {
             min-width: 0;
+            & > .menu {
+                width: auto;
+                &:not(.multiline) {
+                    width: max-content;
+                }
+            }
         }
     }
 
@@ -1898,16 +1904,6 @@ select.ui.dropdown {
     }
 
     /* Selection for form elements */
-    .ui.inverted.dropdown textarea::-webkit-selection,
-    .ui.inverted.dropdown input::-webkit-selection {
-        background-color: @invertedInputHighlightBackground;
-        color: @invertedInputHighlightColor;
-    }
-    .ui.inverted.dropdown textarea::-moz-selection,
-    .ui.inverted.dropdown input::-moz-selection {
-        background-color: @invertedInputHighlightBackground;
-        color: @invertedInputHighlightColor;
-    }
     .ui.inverted.dropdown textarea::selection,
     .ui.inverted.dropdown input::selection {
         background-color: @invertedInputHighlightBackground;

package/src/definitions/modules/embed.less

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Video
+ * # Fomantic-UI - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/src/definitions/modules/progress.less

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Progress Bar
+ * # Fomantic-UI - Progress
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/src/definitions/modules/slider.less

@@ -1,3 +1,13 @@
+/*!
+ * # Fomantic-UI - Slider
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+
 /*******************************
              Theme
  *******************************/

package/src/themes/default/globals/variation.variables

@@ -233,6 +233,7 @@
 @variationSegmentSecondary: true;
 @variationSegmentTertiary: true;
 @variationSegmentAttached: true;
+@variationSegmentSeamless: true;
 @variationSegmentFitted: true;
 @variationSegmentScrolling: true;
 @variationSegmentScrollingShort: true;
@@ -294,6 +295,7 @@
 @variationGridDivided: true;
 @variationGridVertical: true;
 @variationGridAligned: true;
+@variationGridAttached: true;
 @variationGridStretched: true;
 @variationGridJustified: true;
 @variationGridReversed: true;
@@ -325,6 +327,8 @@
 @variationMenuAttached: true;
 @variationMenuIcon: true;
 @variationMenuEqualWidth: true;
+@variationMenuWrapping: true;
+@variationMenuWrapped: true;
 @variationMenuSizes: @variationAllSizes;
 @variationMenuColors: @variationAllColors;