fomantic-ui-sass 2.9.1 → 2.9.3

data/app/assets/stylesheets/semantic-ui/modules/_popup.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Popup
+ * # Fomantic-UI 2.9.3 - Popup
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -79,7 +79,6 @@
   width: 0.71428571em;
   height: 0.71428571em;
   background: #fff;
-  transform: rotate(45deg);
   z-index: 1901;
   box-shadow: 1px 1px 0 0 #bababc;
 }
@@ -107,78 +106,70 @@
   z-index: 1900;
 }
 
-/* Default Position (Top Center) */
-[data-tooltip]:not([data-position])::before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 50%;
-  background: #fff;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-[data-tooltip]:not([data-position])::after {
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 100%;
-  margin-bottom: 0.5em;
-}
-
 /* Animation */
 [data-tooltip]::before,
 [data-tooltip]::after {
   pointer-events: none;
-  visibility: hidden;
   opacity: 0;
-  transition: transform 0.1s ease, opacity 0.1s ease;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+[data-tooltip]::after,
+[data-tooltip]:hover::before {
+  transition-delay: 0.04s;
+}
+[data-tooltip]::before,
+[data-tooltip]:hover::after {
+  transition-delay: 0s;
 }
 [data-tooltip]::before {
-  transform: rotate(45deg) scale(0) !important;
+  transform: rotate(45deg) scale(0.8);
   transform-origin: center top;
 }
 [data-tooltip]::after {
   transform-origin: center bottom;
 }
+[data-tooltip][data-variation~="visible"]::before,
+[data-tooltip][data-variation~="visible"]::after,
 [data-tooltip]:hover::before,
 [data-tooltip]:hover::after {
-  visibility: visible;
   pointer-events: auto;
   opacity: 1;
 }
 [data-tooltip]:hover::before {
-  transform: rotate(45deg) scale(1) !important;
+  transform: rotate(45deg) scale(1);
 }
 
 /* Animation Position */
-[data-tooltip]::after,
+[data-tooltip]:not([data-position])::after,
 [data-tooltip][data-position="top center"]::after,
 [data-tooltip][data-position="bottom center"]::after {
-  transform: translateX(-50%) scale(0) !important;
+  transform: translateX(-50%) scale(0.8);
 }
-[data-tooltip]:hover::after,
+[data-tooltip]:not([data-position]):hover::after,
+[data-tooltip][data-position="top center"]:hover::after,
 [data-tooltip][data-position="bottom center"]:hover::after {
-  transform: translateX(-50%) scale(1) !important;
+  transform: translateX(-50%) scale(1);
 }
 [data-tooltip][data-position="left center"]::after,
 [data-tooltip][data-position="right center"]::after {
-  transform: translateY(-50%) scale(0) !important;
+  transform: translateY(-50%) scale(0.8);
 }
 [data-tooltip][data-position="left center"]:hover::after,
 [data-tooltip][data-position="right center"]:hover::after {
-  transform: translateY(-50%) scale(1) !important;
+  transform: translateY(-50%) scale(1);
   -moz-transform: translateY(-50%) scale(1.0001) !important;
 }
 [data-tooltip][data-position="top left"]::after,
 [data-tooltip][data-position="top right"]::after,
 [data-tooltip][data-position="bottom left"]::after,
 [data-tooltip][data-position="bottom right"]::after {
-  transform: scale(0) !important;
+  transform: scale(0.8);
 }
 [data-tooltip][data-position="top left"]:hover::after,
 [data-tooltip][data-position="top right"]:hover::after,
 [data-tooltip][data-position="bottom left"]:hover::after,
 [data-tooltip][data-position="bottom right"]:hover::after {
-  transform: scale(1) !important;
+  transform: scale(1);
 }
 [data-tooltip][data-variation~="fixed"]::after {
   white-space: normal;
@@ -202,11 +193,11 @@
 
 /* Arrow */
 [data-tooltip][data-inverted]::before {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 
 /* Arrow Position */
-[data-tooltip][data-inverted]::before {
+[data-tooltip]:not([data-position])[data-inverted]::before {
   background: #1b1c1d;
 }
 
@@ -225,15 +216,16 @@
   background: #fff;
 }
 
-/* Top Center */
+/* Top Center (default) */
+[data-tooltip]:not([data-position])::after,
 [data-position="top center"][data-tooltip]::after {
   top: auto;
   right: auto;
   left: 50%;
   bottom: 100%;
-  transform: translateX(-50%);
   margin-bottom: 0.5em;
 }
+[data-tooltip]:not([data-position])::before,
 [data-position="top center"][data-tooltip]::before {
   top: auto;
   right: auto;
@@ -288,7 +280,6 @@
   right: auto;
   left: 50%;
   top: 100%;
-  transform: translateX(-50%);
   margin-top: 0.5em;
 }
 [data-position="bottom center"][data-tooltip]::before {
@@ -335,7 +326,6 @@
   right: 100%;
   top: 50%;
   margin-right: 0.5em;
-  transform: translateY(-50%);
 }
 [data-position="left center"][data-tooltip]::before {
   right: 100%;
@@ -351,7 +341,6 @@
   left: 100%;
   top: 50%;
   margin-left: 0.5em;
-  transform: translateY(-50%);
 }
 [data-position="right center"][data-tooltip]::before {
   left: 100%;
@@ -399,6 +388,18 @@
 [data-position="right center"][data-tooltip]::after {
   transform-origin: left center;
 }
+[data-position="top left"][data-tooltip]::after {
+  transform-origin: bottom left;
+}
+[data-position="top right"][data-tooltip]::after {
+  transform-origin: bottom right;
+}
+[data-position="bottom left"][data-tooltip]::after {
+  transform-origin: top left;
+}
+[data-position="bottom right"][data-tooltip]::after {
+  transform-origin: top right;
+}
 
 /* --------------
             Basic
@@ -594,8 +595,33 @@
 *******************************/
 
 .ui.loading.popup {
+  cursor: default;
+  pointer-events: none;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ui.loading.popup * {
+  opacity: 0.3;
+}
+.ui.loading.popup::after {
+  position: absolute;
+  content: "";
+  top: 50%;
+  left: 50%;
+  margin: -1em 0 0 -1em;
+  width: 2em;
+  height: 2em;
+  animation: loader 0.6s infinite linear;
+  border: 0.2em solid #767676;
+  border-radius: 500rem;
+  box-shadow: 0 0 0 1px transparent;
+  visibility: visible;
+  z-index: 101;
+}
+.ui.invisible.popup {
   display: block;
-  visibility: hidden;
+  visibility: hidden !important;
   z-index: -1;
 }
 .ui.animating.popup,
@@ -670,12 +696,12 @@
   box-shadow: none;
 }
 .ui.inverted.popup .header {
-  background-color: none;
+  background: none;
   color: #fff;
 }
 .ui.inverted.popup::before {
   background-color: #1b1c1d;
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .ui.ui.ui.primary.popup::before,
 .ui.primary.popup,
@@ -685,6 +711,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.primary.loading.popup::before,
+.ui.primary.loading.popup {
+  background: #9bcbef;
+}
 .ui.ui.ui.primary.popup::before,
 [data-tooltip][data-variation~="primary"]::before {
   box-shadow: none;
@@ -696,6 +726,10 @@
   background: #54c8ff;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.primary.loading.popup::before,
+.ui.inverted.primary.loading.popup {
+  background: #007eba;
+}
 .ui.ui.ui.secondary.popup::before,
 .ui.secondary.popup,
 [data-tooltip][data-variation~="secondary"]::after,
@@ -704,6 +738,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.secondary.loading.popup::before,
+.ui.secondary.loading.popup {
+  background: #65696c;
+}
 .ui.ui.ui.secondary.popup::before,
 [data-tooltip][data-variation~="secondary"]::before {
   box-shadow: none;
@@ -715,6 +753,10 @@
   background: #545454;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.secondary.loading.popup::before,
+.ui.inverted.secondary.loading.popup {
+  background: #080808;
+}
 .ui.ui.ui.red.popup::before,
 .ui.red.popup,
 [data-tooltip][data-variation~="red"]::after,
@@ -723,6 +765,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.red.loading.popup::before,
+.ui.red.loading.popup {
+  background: #f1abab;
+}
 .ui.ui.ui.red.popup::before,
 [data-tooltip][data-variation~="red"]::before {
   box-shadow: none;
@@ -734,6 +780,10 @@
   background: #ff695e;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.red.loading.popup::before,
+.ui.inverted.red.loading.popup {
+  background: #c40d00;
+}
 .ui.ui.ui.orange.popup::before,
 .ui.orange.popup,
 [data-tooltip][data-variation~="orange"]::after,
@@ -742,6 +792,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.orange.loading.popup::before,
+.ui.orange.loading.popup {
+  background: #faccad;
+}
 .ui.ui.ui.orange.popup::before,
 [data-tooltip][data-variation~="orange"]::before {
   box-shadow: none;
@@ -753,6 +807,10 @@
   background: #ff851b;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.orange.loading.popup::before,
+.ui.inverted.orange.loading.popup {
+  background: #813c00;
+}
 .ui.ui.ui.yellow.popup::before,
 .ui.yellow.popup,
 [data-tooltip][data-variation~="yellow"]::after,
@@ -761,6 +819,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.yellow.loading.popup::before,
+.ui.yellow.loading.popup {
+  background: #fde59f;
+}
 .ui.ui.ui.yellow.popup::before,
 [data-tooltip][data-variation~="yellow"]::before {
   box-shadow: none;
@@ -772,6 +834,10 @@
   background: #ffe21f;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.yellow.loading.popup::before,
+.ui.inverted.yellow.loading.popup {
+  background: #857400;
+}
 .ui.ui.ui.olive.popup::before,
 .ui.olive.popup,
 [data-tooltip][data-variation~="olive"]::after,
@@ -780,6 +846,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.olive.loading.popup::before,
+.ui.olive.loading.popup {
+  background: #e4f18c;
+}
 .ui.ui.ui.olive.popup::before,
 [data-tooltip][data-variation~="olive"]::before {
   box-shadow: none;
@@ -791,6 +861,10 @@
   background: #d9e778;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.olive.loading.popup::before,
+.ui.inverted.olive.loading.popup {
+  background: #97a81e;
+}
 .ui.ui.ui.green.popup::before,
 .ui.green.popup,
 [data-tooltip][data-variation~="green"]::after,
@@ -799,6 +873,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.green.loading.popup::before,
+.ui.green.loading.popup {
+  background: #8aeaa0;
+}
 .ui.ui.ui.green.popup::before,
 [data-tooltip][data-variation~="green"]::before {
   box-shadow: none;
@@ -810,6 +888,10 @@
   background: #2ecc40;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.green.loading.popup::before,
+.ui.inverted.green.loading.popup {
+  background: #124f19;
+}
 .ui.ui.ui.teal.popup::before,
 .ui.teal.popup,
 [data-tooltip][data-variation~="teal"]::after,
@@ -818,6 +900,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.teal.loading.popup::before,
+.ui.teal.loading.popup {
+  background: #4ffff7;
+}
 .ui.ui.ui.teal.popup::before,
 [data-tooltip][data-variation~="teal"]::before {
   box-shadow: none;
@@ -829,6 +915,10 @@
   background: #6dffff;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.teal.loading.popup::before,
+.ui.inverted.teal.loading.popup {
+  background: #00d3d3;
+}
 .ui.ui.ui.blue.popup::before,
 .ui.blue.popup,
 [data-tooltip][data-variation~="blue"]::after,
@@ -837,6 +927,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.blue.loading.popup::before,
+.ui.blue.loading.popup {
+  background: #9bcbef;
+}
 .ui.ui.ui.blue.popup::before,
 [data-tooltip][data-variation~="blue"]::before {
   box-shadow: none;
@@ -848,6 +942,10 @@
   background: #54c8ff;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.blue.loading.popup::before,
+.ui.inverted.blue.loading.popup {
+  background: #007eba;
+}
 .ui.ui.ui.violet.popup::before,
 .ui.violet.popup,
 [data-tooltip][data-variation~="violet"]::after,
@@ -856,6 +954,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.violet.loading.popup::before,
+.ui.violet.loading.popup {
+  background: #c1adea;
+}
 .ui.ui.ui.violet.popup::before,
 [data-tooltip][data-variation~="violet"]::before {
   box-shadow: none;
@@ -867,6 +969,10 @@
   background: #a291fb;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.violet.loading.popup::before,
+.ui.inverted.violet.loading.popup {
+  background: #2d09ea;
+}
 .ui.ui.ui.purple.popup::before,
 .ui.purple.popup,
 [data-tooltip][data-variation~="purple"]::after,
@@ -875,6 +981,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.purple.loading.popup::before,
+.ui.purple.loading.popup {
+  background: #daabe9;
+}
 .ui.ui.ui.purple.popup::before,
 [data-tooltip][data-variation~="purple"]::before {
   box-shadow: none;
@@ -886,6 +996,10 @@
   background: #dc73ff;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.purple.loading.popup::before,
+.ui.inverted.purple.loading.popup {
+  background: #a300d9;
+}
 .ui.ui.ui.pink.popup::before,
 .ui.pink.popup,
 [data-tooltip][data-variation~="pink"]::after,
@@ -894,6 +1008,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.pink.loading.popup::before,
+.ui.pink.loading.popup {
+  background: #f5bddc;
+}
 .ui.ui.ui.pink.popup::before,
 [data-tooltip][data-variation~="pink"]::before {
   box-shadow: none;
@@ -905,6 +1023,10 @@
   background: #ff8edf;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.pink.loading.popup::before,
+.ui.inverted.pink.loading.popup {
+  background: #f400af;
+}
 .ui.ui.ui.brown.popup::before,
 .ui.brown.popup,
 [data-tooltip][data-variation~="brown"]::after,
@@ -913,6 +1035,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.brown.loading.popup::before,
+.ui.brown.loading.popup {
+  background: #dbb8a2;
+}
 .ui.ui.ui.brown.popup::before,
 [data-tooltip][data-variation~="brown"]::before {
   box-shadow: none;
@@ -924,6 +1050,10 @@
   background: #d67c1c;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.brown.loading.popup::before,
+.ui.inverted.brown.loading.popup {
+  background: #4f2e0a;
+}
 .ui.ui.ui.grey.popup::before,
 .ui.grey.popup,
 [data-tooltip][data-variation~="grey"]::after,
@@ -932,6 +1062,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.grey.loading.popup::before,
+.ui.grey.loading.popup {
+  background: #c3c3c3;
+}
 .ui.ui.ui.grey.popup::before,
 [data-tooltip][data-variation~="grey"]::before {
   box-shadow: none;
@@ -943,6 +1077,10 @@
   background: #dcddde;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.grey.loading.popup::before,
+.ui.inverted.grey.loading.popup {
+  background: #8d9194;
+}
 .ui.ui.ui.black.popup::before,
 .ui.black.popup,
 [data-tooltip][data-variation~="black"]::after,
@@ -951,6 +1089,10 @@
   color: #fff;
   border: none;
 }
+.ui.ui.ui.black.loading.popup::before,
+.ui.black.loading.popup {
+  background: #65696c;
+}
 .ui.ui.ui.black.popup::before,
 [data-tooltip][data-variation~="black"]::before {
   box-shadow: none;
@@ -962,6 +1104,10 @@
   background: #545454;
   color: #1b1c1d;
 }
+.ui.ui.ui.inverted.black.loading.popup::before,
+.ui.inverted.black.loading.popup {
+  background: #080808;
+}
 
 /* --------------
          Flowing

data/app/assets/stylesheets/semantic-ui/modules/_progress.scss

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

data/app/assets/stylesheets/semantic-ui/modules/_rating.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Rating
+ * # Fomantic-UI 2.9.3 - Rating
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_search.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Search
+ * # Fomantic-UI 2.9.3 - Search
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -339,6 +339,15 @@
   transition: background 0.1s ease, border-color 0.1s ease;
   padding: 0.85714286em 1.14285714em;
 }
+.ui.horizontal.category.search > .results .category,
+.ui.horizontal.category.search > .results .category > .name,
+.ui.horizontal.category.search > .results .category > .results {
+  display: block;
+}
+.ui.horizontal.category.search > .results .category > .results {
+  width: 100%;
+  border-left: 0;
+}
 
 
 /*******************************
@@ -363,21 +372,37 @@
   .ui.scrolling.search > .results {
     max-height: 12.17714286em;
   }
+  .resizable.ui.scrolling.search > .results {
+    height: 12.17714286em;
+  }
 }
 @media only screen and (min-width: 768px) {
   .ui.scrolling.search > .results {
     max-height: 18.26571429em;
   }
+  .resizable.ui.scrolling.search > .results {
+    height: 18.26571429em;
+  }
 }
 @media only screen and (min-width: 992px) {
   .ui.scrolling.search > .results {
     max-height: 24.35428571em;
   }
+  .resizable.ui.scrolling.search > .results {
+    height: 24.35428571em;
+  }
 }
 @media only screen and (min-width: 1920px) {
   .ui.scrolling.search > .results {
     max-height: 36.53142857em;
   }
+  .resizable.ui.scrolling.search > .results {
+    height: 36.53142857em;
+  }
+}
+.ui.scrolling.resizable.search > .results {
+  resize: vertical;
+  max-height: none;
 }
 @media only screen and (max-width: 767.98px) {
   .ui.search.short > .results {

data/app/assets/stylesheets/semantic-ui/modules/_shape.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Shape
+ * # Fomantic-UI 2.9.3 - Shape
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Sidebar
+ * # Fomantic-UI 2.9.3 - Sidebar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_slider.scss

@@ -1,9 +1,12 @@
-
-
-/*******************************
-             Theme
- *******************************/
-
+/*!
+ * # Fomantic-UI 2.9.3 - Slider
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
 .ui.slider:not(.vertical):not(.checkbox) {
   width: 100%;
   padding: 1em 0.5em;

data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Sticky
+ * # Fomantic-UI 2.9.3 - Sticky
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_tab.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Tab
+ * # Fomantic-UI 2.9.3 - Tab
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_toast.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Toast
+ * # Fomantic-UI 2.9.3 - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -126,6 +126,11 @@
   box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
   border: 1px solid rgba(34, 36, 38, 0.12);
 }
+.ui.toast-container .toast-box.inverted.floating,
+.ui.toast-container .toast-box.inverted.hoverfloating:hover {
+  box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
+  border: 1px solid rgba(225, 225, 225, 0.5);
+}
 .ui.toast-container .toast-box.compact,
 .ui.toast-container .toast-box > .compact {
   width: 350px;

data/app/assets/stylesheets/semantic-ui/modules/_transition.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Transition
+ * # Fomantic-UI 2.9.3 - Transition
  * https://github.com/fomantic/Fomantic-UI/
  *
  *