fomantic-ui 2.9.0-beta.213 → 2.9.0-beta.217

package/dist/semantic.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.213
+ * # Fomantic UI - 2.9.0-beta.217
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -10,7 +10,7 @@
  */
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400%3B0,700%3B1,400%3B1,700&subset=latin&display=swap');
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Reset
+ * # Fomantic-UI 2.9.0-beta.217 - Reset
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -435,7 +435,7 @@ template {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Site
+ * # Fomantic-UI 2.9.0-beta.217 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -674,7 +674,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Button
+ * # Fomantic-UI 2.9.0-beta.217 - Button
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -1576,6 +1576,7 @@ input::selection {
   box-shadow: none;
   border: 1px solid rgba(34, 36, 38, 0.15);
   border-radius: 0.28571429rem;
+  border-right: none;
 }
 
 .ui.basic.buttons .button {
@@ -1619,8 +1620,6 @@ input::selection {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
-/* Vertical */
-
 .ui.basic.buttons .button:hover {
   -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
   box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
@@ -1686,8 +1685,8 @@ input::selection {
 
 /* Basic Group */
 
-.ui.basic.buttons .button {
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
+.ui.basic.buttons:not(.inverted) .button:not(.basic) {
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
   -webkit-box-shadow: none;
   box-shadow: none;
 }
@@ -1698,8 +1697,8 @@ input::selection {
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
 
-.ui.basic.vertical.buttons .button:first-child {
-  border-top-width: 0;
+.ui.basic.vertical.buttons:not(.spaced) .button:first-child {
+  border-top: none;
 }
 
 /*-------------------
@@ -1988,7 +1987,7 @@ input::selection {
 /* Top / Bottom */
 
 .ui[class*="top attached"].buttons {
-  margin-bottom: -1px;
+  margin-bottom: 0;
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
 
@@ -2299,10 +2298,6 @@ input::selection {
   color: #1a69a4;
 }
 
-.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.primary.buttons .button,
@@ -2511,10 +2506,6 @@ input::selection {
   color: #343637;
 }
 
-.ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.secondary.buttons .button,
@@ -2723,10 +2714,6 @@ input::selection {
   color: #b21e1e;
 }
 
-.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.red.buttons .button,
@@ -2935,10 +2922,6 @@ input::selection {
   color: #cf590c;
 }
 
-.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.orange.buttons .button,
@@ -3147,10 +3130,6 @@ input::selection {
   color: #cd9903;
 }
 
-.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.yellow.buttons .button,
@@ -3359,10 +3338,6 @@ input::selection {
   color: #8d9e13;
 }
 
-.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.olive.buttons .button,
@@ -3571,10 +3546,6 @@ input::selection {
   color: #198f35;
 }
 
-.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.green.buttons .button,
@@ -3783,10 +3754,6 @@ input::selection {
   color: #00827c;
 }
 
-.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.teal.buttons .button,
@@ -3995,10 +3962,6 @@ input::selection {
   color: #1a69a4;
 }
 
-.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.blue.buttons .button,
@@ -4207,10 +4170,6 @@ input::selection {
   color: #502aa1;
 }
 
-.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.violet.buttons .button,
@@ -4419,10 +4378,6 @@ input::selection {
   color: #82299f;
 }
 
-.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.purple.buttons .button,
@@ -4631,10 +4586,6 @@ input::selection {
   color: #c71f7e;
 }
 
-.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.pink.buttons .button,
@@ -4843,10 +4794,6 @@ input::selection {
   color: #805031;
 }
 
-.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.brown.buttons .button,
@@ -5055,10 +5002,6 @@ input::selection {
   color: #909090;
 }
 
-.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.grey.buttons .button,
@@ -5267,10 +5210,6 @@ input::selection {
   color: #343637;
 }
 
-.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
-  margin-left: -1px;
-}
-
 /* Inverted */
 
 .ui.inverted.black.buttons .button,
@@ -5659,9 +5598,12 @@ input::selection {
   float: none;
   width: 100%;
   margin: 0 0 0 0;
+  border-radius: 0;
+}
+
+.ui.vertical.buttons .button:not(.basic) {
   -webkit-box-shadow: none;
   box-shadow: none;
-  border-radius: 0;
 }
 
 .ui.vertical.buttons .button:first-child {
@@ -5679,6 +5621,117 @@ input::selection {
   border-radius: 0.28571429rem;
 }
 
+.ui.vertical.buttons .basic.button:not(:first-child) {
+  border-top: none;
+}
+
+.ui.wrapping.buttons {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.ui.wrapping.basic.buttons {
+  border-bottom: none;
+}
+
+.ui.wrapping.basic.buttons .button {
+  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.wrapping.basic.buttons .button:hover {
+  background: transparent !important;
+}
+
+.ui.compact.wrapping.buttons .button {
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+}
+
+.ui.wrapped.buttons:not(.spaced) {
+  border-top-right-radius: 0;
+}
+
+.ui.wrapped.buttons:not(.spaced) .button:first-child {
+  border-radius: 0.28571429rem 0 0 0;
+}
+
+.ui.wrapped.buttons:not(.spaced) .button:last-child {
+  border-radius: 0 0 0.28571429rem 0;
+}
+
+.ui.wrapped[class*="top attached"].buttons {
+  border-radius: 0.28571429rem 0 0 0;
+}
+
+.ui.wrapped[class*="top attached"].buttons .button:last-child {
+  border-radius: 0;
+}
+
+.ui.wrapped[class*="bottom attached"].buttons {
+  border-radius: 0 0 0 0.28571429rem;
+}
+
+.ui.wrapped[class*="bottom attached"].buttons .button:first-child {
+  border-radius: 0;
+}
+
+.ui.spaced.buttons .ui.button {
+  margin-bottom: 1em;
+  margin-right: 1em;
+  border-radius: 0.28571429rem;
+}
+
+.ui.spaced.basic.buttons {
+  border: none;
+}
+
+.ui.spaced.basic.buttons .button {
+  border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.spaced.basic.buttons .button.basic {
+  border: none;
+}
+
+.ui.spaced.basic.vertical.buttons .button:first-child {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.spaced.basic.wrapping.buttons .button:not(.basic) {
+  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.spaced.basic.inverted.buttons .basic.button {
+  margin-bottom: calc(1em + 1px);
+  margin-top: 1px;
+}
+
+.ui.basic.buttons:not(.vertical).inverted .button,
+.ui.basic.buttons:not(.vertical) .basic.button {
+  margin-left: -1px;
+  border-right: none;
+}
+
+.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button {
+  margin-top: -1px;
+  border-bottom: none;
+}
+
+.ui.inverted.basic.buttons:not(.spaced) .button,
+.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button {
+  margin-bottom: -1px;
+}
+
+.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button {
+  margin-bottom: -1px;
+}
+
 /*******************************
          Theme Overrides
 *******************************/
@@ -5687,7 +5740,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Container
+ * # Fomantic-UI 2.9.0-beta.217 - Container
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5940,7 +5993,7 @@ input::selection {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Divider
+ * # Fomantic-UI 2.9.0-beta.217 - Divider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21621,7 +21674,7 @@ em[data-emoji="tone5"]:before {
   background-image: url("https://twemoji.maxcdn.com/v/latest/svg/1f3ff.svg");
 }
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Flag
+ * # Fomantic-UI 2.9.0-beta.217 - Flag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23033,7 +23086,7 @@ i.flag.united.nations:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Header
+ * # Fomantic-UI 2.9.0-beta.217 - Header
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23989,7 +24042,7 @@ a.ui.inverted.black.header.header.header:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Icon
+ * # Fomantic-UI 2.9.0-beta.217 - Icon
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33112,7 +33165,7 @@ i.icon.youtube.play:before {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Image
+ * # Fomantic-UI 2.9.0-beta.217 - Image
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -33467,7 +33520,7 @@ img.ui.bordered.image {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Input
+ * # Fomantic-UI 2.9.0-beta.217 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -35143,7 +35196,7 @@ input[type="file"].ui.black.file.input::file-selector-button:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Label
+ * # Fomantic-UI 2.9.0-beta.217 - Label
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -37543,7 +37596,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - List
+ * # Fomantic-UI 2.9.0-beta.217 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38649,7 +38702,7 @@ ol.ui.suffixed.list li:before,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Loader
+ * # Fomantic-UI 2.9.0-beta.217 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39604,7 +39657,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Loader
+ * # Fomantic-UI 2.9.0-beta.217 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -39891,7 +39944,7 @@ ol.ui.suffixed.list li:before,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Rail
+ * # Fomantic-UI 2.9.0-beta.217 - Rail
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -40053,7 +40106,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Reveal
+ * # Fomantic-UI 2.9.0-beta.217 - Reveal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -40396,7 +40449,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Segment
+ * # Fomantic-UI 2.9.0-beta.217 - Segment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -41495,7 +41548,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Step
+ * # Fomantic-UI 2.9.0-beta.217 - Step
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42267,7 +42320,7 @@ ol.ui.suffixed.list li:before,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Text
+ * # Fomantic-UI 2.9.0-beta.217 - Text
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42462,7 +42515,7 @@ span.ui.massive.text {
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Breadcrumb
+ * # Fomantic-UI 2.9.0-beta.217 - Breadcrumb
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -42607,7 +42660,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Form
+ * # Fomantic-UI 2.9.0-beta.217 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -44666,7 +44719,7 @@ span.ui.massive.text {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Grid
+ * # Fomantic-UI 2.9.0-beta.217 - Grid
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -49597,7 +49650,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Message
+ * # Fomantic-UI 2.9.0-beta.217 - Message
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -50403,7 +50456,7 @@ Floated Menu / Item
         Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Table
+ * # Fomantic-UI 2.9.0-beta.217 - Table
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54343,7 +54396,7 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Ad
+ * # Fomantic-UI 2.9.0-beta.217 - Ad
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -54632,7 +54685,7 @@ Floated Menu / Item
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Card
+ * # Fomantic-UI 2.9.0-beta.217 - Card
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56199,7 +56252,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Comment
+ * # Fomantic-UI 2.9.0-beta.217 - Comment
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56514,7 +56567,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Feed
+ * # Fomantic-UI 2.9.0-beta.217 - Feed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -56869,7 +56922,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Item
+ * # Fomantic-UI 2.9.0-beta.217 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57505,7 +57558,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Statistic
+ * # Fomantic-UI 2.9.0-beta.217 - Statistic
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58211,7 +58264,7 @@ a.inverted.ui.card:hover,
     User Variable Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Accordion
+ * # Fomantic-UI 2.9.0-beta.217 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58625,7 +58678,7 @@ a.inverted.ui.card:hover,
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Calendar
+ * # Fomantic-UI 2.9.0-beta.217 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58795,6 +58848,28 @@ a.inverted.ui.card:hover,
   background: rgba(255, 255, 255, 0.02);
 }
 
+.ui.calendar.popup > .ui.grid {
+  margin: -1rem;
+}
+
+.ui.calendar.popup > .ui.grid > .column:not(:first-child) {
+  padding-left: 0;
+}
+
+.ui.calendar.popup > .ui.grid > .column:not(:first-child) > .ui.table {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.calendar.popup > .ui.grid > .column:not(:last-child) {
+  padding-right: 0;
+}
+
+.ui.calendar.popup > .ui.grid > .column:not(:last-child) > .ui.table {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
 /*******************************
             States
 *******************************/
@@ -58816,7 +58891,7 @@ a.inverted.ui.card:hover,
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.217 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -59716,7 +59791,7 @@ a.inverted.ui.card:hover,
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.217 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60237,7 +60312,7 @@ body.dimmable > .dimmer {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.217 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -60849,12 +60924,14 @@ select.ui.dropdown {
 
 /* Active */
 
+.ui.selection.simple.dropdown:hover,
 .ui.selection.active.dropdown {
   border-color: #96C8DA;
   -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
 }
 
+.ui.selection.simple.dropdown:hover .menu,
 .ui.selection.active.dropdown .menu {
   border-color: #96C8DA;
   -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
@@ -61704,7 +61781,7 @@ select.ui.dropdown {
 
 .ui.simple.upward.active.dropdown,
 .ui.simple.upward.dropdown:hover {
-  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
+  border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
 /* Button */
@@ -61719,7 +61796,7 @@ select.ui.dropdown {
 
 /* Selection */
 
-.ui.upward.selection.dropdown .menu {
+.ui.ui.upward.selection.dropdown .menu {
   border-top-width: 1px !important;
   border-bottom-width: 0 !important;
   -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
@@ -61921,15 +61998,27 @@ select.ui.dropdown {
   margin-top: 0 !important;
 }
 
+.ui.simple.dropdown .upward.menu {
+  margin-bottom: 1.5em;
+}
+
+.ui.simple.selection.dropdown .upward.menu {
+  margin-bottom: 2.5em;
+}
+
+.ui.menu:not(.vertical) .ui.simple.dropdown.item .upward.menu {
+  margin-bottom: 2.8em;
+}
+
 .ui.simple.active.dropdown,
 .ui.simple.dropdown:hover {
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .ui.simple.active.dropdown > .menu,
 .ui.simple.dropdown:hover > .menu {
-  overflow: visible;
+  overflow: auto;
   width: auto;
   height: auto;
   top: 100%;
@@ -61938,7 +62027,7 @@ select.ui.dropdown {
 
 .ui.simple.dropdown > .menu > .item:active > .menu,
 .ui.simple.dropdown .menu .item:hover > .menu {
-  overflow: visible;
+  overflow: auto;
   width: auto;
   height: auto;
   top: 0 !important;
@@ -62371,6 +62460,8 @@ select.ui.dropdown {
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.selection.simple.dropdown:hover .inverted.menu,
+.ui.inverted.selection.simple.dropdown:hover .menu,
 .ui.selection.active.dropdown .inverted.menu,
 .ui.inverted.selection.active.dropdown .menu,
 .ui.inverted.selection.active.dropdown:hover {
@@ -62569,7 +62660,7 @@ select.ui.dropdown {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Video
+ * # Fomantic-UI 2.9.0-beta.217 - Video
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62734,7 +62825,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Modal
+ * # Fomantic-UI 2.9.0-beta.217 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -63624,7 +63715,7 @@ select.ui.dropdown {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Nag
+ * # Fomantic-UI 2.9.0-beta.217 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -63963,7 +64054,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Popup
+ * # Fomantic-UI 2.9.0-beta.217 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -64878,7 +64969,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Progress Bar
+ * # Fomantic-UI 2.9.0-beta.217 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -66798,7 +66889,7 @@ a.ui.nag {
         Slider Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Rating
+ * # Fomantic-UI 2.9.0-beta.217 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67301,7 +67392,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Search
+ * # Fomantic-UI 2.9.0-beta.217 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -67883,7 +67974,7 @@ a.ui.nag {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Shape
+ * # Fomantic-UI 2.9.0-beta.217 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68044,7 +68135,7 @@ a.ui.nag {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.217 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68731,7 +68822,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Sticky
+ * # Fomantic-UI 2.9.0-beta.217 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68804,7 +68895,7 @@ body.pushable > .pusher {
          Site Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Tab
+ * # Fomantic-UI 2.9.0-beta.217 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -68888,7 +68979,7 @@ body.pushable > .pusher {
         User Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Toast
+ * # Fomantic-UI 2.9.0-beta.217 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -69884,7 +69975,7 @@ body.pushable > .pusher {
          Theme Overrides
 *******************************/
 /*!
- * # Fomantic-UI 2.9.0-beta.213 - Transition
+ * # Fomantic-UI 2.9.0-beta.217 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *