fomantic-ui-sass 2.8.6 → 2.8.8

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Nag
+ * # Fomantic-UI 2.8.8 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24,7 +24,7 @@
   width: 100%;
   margin: 0;
   padding: 0.75em 1em;
-  background: #555555;
+  background: #777777;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   font-size: 1rem;
@@ -54,6 +54,9 @@ a.ui.nag {
   -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
+.ui.nag:not(.overlay):not(.fixed) {
+  border-radius: 0.28571429rem;
+}
 
 
 /*******************************
@@ -63,10 +66,10 @@ a.ui.nag {
 
 /* Hover */
 .ui.nag:hover {
-  background: #555555;
+  background: #777777;
   opacity: 1;
 }
-.ui.nag .close:hover {
+.ui.nag > .close:hover {
   opacity: 1;
 }
 
@@ -77,9 +80,10 @@ a.ui.nag {
 
 
 /*--------------
-     Static
----------------*/
+       Static
+  ---------------*/
 
+.ui.overlay.nags,
 .ui.overlay.nag {
   position: absolute;
   display: block;
@@ -89,6 +93,7 @@ a.ui.nag {
      Fixed
 ---------------*/
 
+.ui.fixed.nags,
 .ui.fixed.nag {
   position: fixed;
 }
@@ -105,7 +110,7 @@ a.ui.nag {
 }
 
 /*--------------
-     White
+     Inverted
 ---------------*/
 
 .ui.inverted.nags .nag,
@@ -113,11 +118,147 @@ a.ui.nag {
   background-color: #F3F4F5;
   color: rgba(0, 0, 0, 0.85);
 }
-.ui.inverted.nags .nag .close,
-.ui.inverted.nags .nag .title,
-.ui.inverted.nag .close,
-.ui.inverted.nag .title {
-  color: rgba(0, 0, 0, 0.4);
+.ui.inverted.nags .nag > .close,
+.ui.inverted.nag > .close {
+  color: rgba(0, 0, 0, 0.6);
+}
+.ui.inverted.nags .nag > .title,
+.ui.inverted.nag > .title {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/*-------------------
+        Sizes
+--------------------*/
+
+.ui.mini.nag,
+.ui.mini.nags .nag {
+  font-size: 0.78571429rem;
+}
+.ui.tiny.nag,
+.ui.tiny.nags .nag {
+  font-size: 0.85714286rem;
+}
+.ui.small.nag,
+.ui.small.nags .nag {
+  font-size: 0.92857143rem;
+}
+.ui.large.nag,
+.ui.large.nags .nag {
+  font-size: 1.14285714rem;
+}
+.ui.big.nag,
+.ui.big.nags .nag {
+  font-size: 1.28571429rem;
+}
+.ui.huge.nag,
+.ui.huge.nags .nag {
+  font-size: 1.42857143rem;
+  line-height: 1;
+}
+.ui.massive.nag,
+.ui.massive.nags .nag {
+  font-size: 1.71428571rem;
+  line-height: 1;
+}
+
+/*--------------
+     Colors
+-------------- */
+
+.ui.primary.nag {
+  background-color: #2185D0;
+}
+.ui.inverted.primary.nag {
+  background-color: #54C8FF;
+}
+.ui.secondary.nag {
+  background-color: #1B1C1D;
+}
+.ui.inverted.secondary.nag {
+  background-color: #545454;
+}
+.ui.red.nag {
+  background-color: #DB2828;
+}
+.ui.inverted.red.nag {
+  background-color: #FF695E;
+}
+.ui.orange.nag {
+  background-color: #F2711C;
+}
+.ui.inverted.orange.nag {
+  background-color: #FF851B;
+}
+.ui.yellow.nag {
+  background-color: #FBBD08;
+}
+.ui.inverted.yellow.nag {
+  background-color: #FFE21F;
+}
+.ui.olive.nag {
+  background-color: #B5CC18;
+}
+.ui.inverted.olive.nag {
+  background-color: #D9E778;
+}
+.ui.green.nag {
+  background-color: #21BA45;
+}
+.ui.inverted.green.nag {
+  background-color: #2ECC40;
+}
+.ui.teal.nag {
+  background-color: #00B5AD;
+}
+.ui.inverted.teal.nag {
+  background-color: #6DFFFF;
+}
+.ui.blue.nag {
+  background-color: #2185D0;
+}
+.ui.inverted.blue.nag {
+  background-color: #54C8FF;
+}
+.ui.violet.nag {
+  background-color: #6435C9;
+}
+.ui.inverted.violet.nag {
+  background-color: #A291FB;
+}
+.ui.purple.nag {
+  background-color: #A333C8;
+}
+.ui.inverted.purple.nag {
+  background-color: #DC73FF;
+}
+.ui.pink.nag {
+  background-color: #E03997;
+}
+.ui.inverted.pink.nag {
+  background-color: #FF8EDF;
+}
+.ui.brown.nag {
+  background-color: #A5673F;
+}
+.ui.inverted.brown.nag {
+  background-color: #D67C1C;
+}
+.ui.grey.nag {
+  background-color: #767676;
+}
+.ui.inverted.grey.nag {
+  background-color: #DCDDDE;
+}
+.ui.black.nag {
+  background-color: #1B1C1D;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.black.nag {
+  background-color: #545454;
+}
+.ui.inverted.black.nag .title {
+  color: #FFFFFF;
 }
 
 
@@ -125,15 +266,26 @@ a.ui.nag {
            Groups
 *******************************/
 
-.ui.nags .nag {
-  border-radius: 0 !important;
+.ui.nags {
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.ui.ui.nags .nag {
+  border-radius: 0;
 }
-.ui.nags .nag:last-child {
+.ui.nags:not(.bottom) .nag:last-child {
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
-.ui.bottom.nags .nag:last-child {
+.ui.bottom.nags .nag:first-child {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
+.ui.nags:not(.fixed):not(.overlay) .nag:first-child {
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
+}
+.ui.nags:not(.fixed):not(.overlay) .nag:only-child {
+  border-radius: 0.28571429rem;
+}
 
 
 /*******************************

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Popup
+ * # Fomantic-UI 2.8.8 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -98,6 +98,7 @@
   position: absolute;
   text-transform: none;
   text-align: left;
+  text-shadow: none;
   white-space: nowrap;
   font-size: 1rem;
   border: 1px solid #D4D4D5;
@@ -185,6 +186,7 @@
 [data-tooltip][data-position="right center"]:hover:after {
   -webkit-transform: translateY(-50%) scale(1) !important;
           transform: translateY(-50%) scale(1) !important;
+  -moz-transform: translateY(-50%) scale(1.0001) !important;
 }
 [data-tooltip][data-position="top left"]:after,
 [data-tooltip][data-position="top right"]:after,
@@ -328,7 +330,9 @@
   top: 100%;
   left: 50%;
   margin-left: -0.07142857rem;
-  margin-top: 0.14285714rem;
+  margin-top: 0.30714286em;
+  -webkit-transform-origin: center top;
+          transform-origin: center top;
 }
 
 /* Bottom Left */

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Progress Bar
+ * # Fomantic-UI 2.8.8 - Progress Bar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15,7 +15,9 @@
 
 .ui.progress {
   position: relative;
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   max-width: 100%;
   border: none;
   margin: 1em 0 2.5em;
@@ -78,6 +80,15 @@
   font-weight: bold;
   text-align: left;
 }
+.ui.right.aligned.progress {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+.ui.right.aligned.progress .bar > .progress {
+  left: 0.5em;
+  right: auto;
+}
 
 /* Label */
 .ui.progress > .label {
@@ -246,13 +257,6 @@
   color: #1A531B;
 }
 
-/* Multiple */
-.ui.multiple.progress {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
 
 /*******************************
              States
@@ -330,6 +334,10 @@
   -webkit-transform-origin: left;
           transform-origin: left;
 }
+.ui.active.right.aligned.progress .bar::after {
+  -webkit-transform-origin: right;
+          transform-origin: right;
+}
 @-webkit-keyframes progress-active {
   0% {
     opacity: 0.3;
@@ -415,7 +423,6 @@
 }
 .ui.progress.attached,
 .ui.progress.attached .bar {
-  display: block;
   height: 0.2rem;
   padding: 0;
   overflow: hidden;
@@ -669,6 +676,7 @@
 .ui.progress .bar .centered.progress {
   text-align: center;
   position: relative;
+  right: 0;
 }
 .ui.indeterminate.progress .bar::before {
   content: '';

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Rating
+ * # Fomantic-UI 2.8.8 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -72,8 +72,7 @@
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.15)));
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 
@@ -109,8 +108,7 @@
   background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #2185D0 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.secondary.rating .active.icon {
@@ -132,8 +130,7 @@
   background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #1B1C1D 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.red.rating .active.icon {
@@ -155,8 +152,7 @@
   background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #DB2828 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.orange.rating .active.icon {
@@ -178,8 +174,7 @@
   background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #F2711C 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.yellow.rating .active.icon {
@@ -201,8 +196,7 @@
   background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #FBBD08 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.olive.rating .active.icon {
@@ -224,8 +218,7 @@
   background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #B5CC18 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.green.rating .active.icon {
@@ -247,8 +240,7 @@
   background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #21BA45 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.teal.rating .active.icon {
@@ -270,8 +262,7 @@
   background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #00B5AD 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.blue.rating .active.icon {
@@ -293,8 +284,7 @@
   background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #2185D0 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.violet.rating .active.icon {
@@ -316,8 +306,7 @@
   background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #6435C9 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.purple.rating .active.icon {
@@ -339,8 +328,7 @@
   background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #A333C8 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.pink.rating .active.icon {
@@ -362,8 +350,7 @@
   background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #E03997 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.brown.rating .active.icon {
@@ -385,8 +372,7 @@
   background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #A5673F 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.grey.rating .active.icon {
@@ -408,8 +394,7 @@
   background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #767676 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 .ui.black.rating .active.icon {
@@ -431,8 +416,7 @@
   background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
   text-shadow: none;
   -webkit-text-stroke: #1B1C1D 0.78px;
-  -webkit-background-clip: text;
-          background-clip: text;
+  background-clip: text;
   color: transparent;
 }
 
@@ -450,6 +434,7 @@
 /* disabled rating */
 .ui.disabled.rating .icon {
   cursor: default;
+  pointer-events: none;
 }
 
 /*-------------------

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Search
+ * # Fomantic-UI 2.8.8 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Shape
+ * # Fomantic-UI 2.8.8 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Sidebar
+ * # Fomantic-UI 2.8.8 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -98,6 +98,7 @@ body.pushable.dimmed {
 .pushable:not(body) {
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
+  overflow-y: hidden;
 }
 .pushable:not(body) > .ui.sidebar,
 .pushable:not(body) > .fixed,
@@ -153,7 +154,7 @@ body.pushable > .pusher {
   top: 0;
   right: 0;
   content: '';
-  background-color: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.4);
   overflow: hidden;
   opacity: 0;
   -webkit-transition: opacity 500ms;

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

@@ -174,9 +174,16 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  padding: 0.2em 0;
   position: absolute;
   -webkit-transform: translate(-50%, -100%);
           transform: translate(-50%, -100%);
+  white-space: nowrap;
+}
+.ui.bottom.aligned.labeled.slider > .labels .label {
+  bottom: 0;
+  -webkit-transform: translate(-50%, 100%);
+          transform: translate(-50%, 100%);
 }
 .ui.labeled.ticked.slider > .labels .label:after {
   content: ' ';
@@ -187,6 +194,10 @@
   top: 100%;
   left: 50%;
 }
+.ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
+  top: auto;
+  bottom: 100%;
+}
 .ui.labeled.ticked.slider > .labels .halftick.label:after {
   height: 0.75em;
 }

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Sticky
+ * # Fomantic-UI 2.8.8 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -58,7 +58,6 @@
 *******************************/
 
 .ui.native.sticky {
-  position: -webkit-sticky;
   position: -moz-sticky;
   position: -ms-sticky;
   position: -o-sticky;

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Tab
+ * # Fomantic-UI 2.8.8 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *