fomantic-ui 2.10.0-beta.7 → 2.10.0-beta.70

package/dist/components/dropdown.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.7+13b1bae - Dropdown
+ * # Fomantic-UI 2.10.0-beta.70+88a499a - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -399,8 +399,7 @@ select.ui.dropdown {
 
 /* Selection Menu */
 .ui.selection.dropdown:not(.unlimited) .menu {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
@@ -555,12 +554,14 @@ select.ui.dropdown {
     border-color: #96c8da;
     box-shadow: none;
   }
-  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) > i.icon {
+  .ui.ui.selection.dropdown:focus > i.icon:not(.remove),
+  .ui.ui.selection.dropdown:has(> input:focus) > i.icon:not(.remove) {
     opacity: 1;
   }
-}
-.ui.ui.selection.dropdown:focus > i.icon {
-  opacity: 1;
+  .ui.ui.selection.dropdown:focus > i.icon.remove:not(:hover),
+  .ui.ui.selection.dropdown:has(> input:focus) > i.icon.remove:not(:hover) {
+    opacity: 0.68;
+  }
 }
 
 /* Visible */
@@ -722,8 +723,7 @@ select.ui.dropdown {
 
 /* Search Menu */
 .ui.search.dropdown:not(.unlimited) .menu {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
@@ -1337,8 +1337,7 @@ select.ui.dropdown {
 /* Selection Menu */
 .ui.scrolling.dropdown .menu,
 .ui.dropdown .scrolling.menu {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
@@ -1532,8 +1531,7 @@ select.ui.dropdown {
 /* Scrolling */
 .ui.simple.scrolling.active.dropdown > .menu,
 .ui.simple.scrolling.dropdown:hover > .menu {
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   overscroll-behavior: none;
 }
 
@@ -1607,17 +1605,11 @@ select.ui.dropdown {
 
 /* Top Left Pointing */
 .ui.top.left.pointing.dropdown > .menu {
-  top: 100%;
-  bottom: auto;
-  left: 0;
-  right: auto;
+  inset: 100% auto auto 0;
   margin: 1em 0 0;
 }
 .ui.top.left.pointing.dropdown > .menu {
-  top: 100%;
-  bottom: auto;
-  left: 0;
-  right: auto;
+  inset: 100% auto auto 0;
   margin: 1em 0 0;
 }
 .ui.top.left.pointing.dropdown > .menu::after {
@@ -1630,10 +1622,7 @@ select.ui.dropdown {
 
 /* Top Right Pointing */
 .ui.top.right.pointing.dropdown > .menu {
-  top: 100%;
-  bottom: auto;
-  right: 0;
-  left: auto;
+  inset: 100% 0 auto auto;
   margin: 1em 0 0;
 }
 .ui.top.pointing.dropdown > .left.menu::after,
@@ -1658,12 +1647,12 @@ select.ui.dropdown {
   margin: 0;
   transform: rotate(-45deg);
 }
-.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
+.ui.left:not(.top, .bottom).pointing.dropdown > .left.menu {
   left: auto !important;
   right: 100% !important;
   margin: 0 1em 0 0;
 }
-.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu::after {
+.ui.left:not(.top, .bottom).pointing.dropdown > .left.menu::after {
   top: 1em;
   left: auto;
   right: -0.25em;
@@ -1688,10 +1677,7 @@ select.ui.dropdown {
 
 /* Bottom Pointing */
 .ui.bottom.pointing.dropdown > .menu {
-  top: auto;
-  bottom: 100%;
-  left: 0;
-  right: auto;
+  inset: auto auto 100% 0;
   margin: 0 0 1em;
 }
 .ui.bottom.pointing.dropdown > .menu::after {
@@ -1748,12 +1734,12 @@ select.ui.dropdown {
 }
 
 /* Right Pointing Upward */
-.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+.ui.right.pointing.upward.dropdown:not(.top, .bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 1em 0 0;
 }
-.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+.ui.right.pointing.upward.dropdown:not(.top, .bottom) .menu::after {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 1em 0;
@@ -1761,12 +1747,12 @@ select.ui.dropdown {
 }
 
 /* Left Pointing Upward */
-.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+.ui.left.pointing.upward.dropdown:not(.top, .bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 0 1em;
 }
-.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+.ui.left.pointing.upward.dropdown:not(.top, .bottom) .menu::after {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 1em 0;