fomantic-ui-sass 2.9.0 → 2.9.1

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

@@ -1,10 +1,10 @@
 /*!
- * # Fomantic-UI 2.9.0 - Toast
- * http://github.com/fomantic/Fomantic-UI/
+ * # Fomantic-UI 2.9.1 - Toast
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -44,18 +44,14 @@
   border: none;
 }
 .ui.toast-container.ui.attached .toast-box > .vertical > .content {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .ui.toast-container.ui.attached .toast-box > * {
   width: 100%;
   border-radius: 0;
 }
 .ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .ui.toast-container.ui.attached .toast-box > .attached.actions {
   margin-right: 1px;
@@ -78,8 +74,7 @@
 }
 .ui.toast-container.top.center {
   left: 50%;
-  -webkit-transform: translate(-50%, 0);
-          transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
   top: 0.85714286em;
 }
 .ui.toast-container.bottom.right {
@@ -94,13 +89,11 @@
 }
 .ui.toast-container.bottom.center {
   left: 50%;
-  -webkit-transform: translate(-50%, 0);
-          transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
   bottom: 0.85714286em;
 }
 .ui.toast-container.centered {
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
 }
@@ -110,13 +103,8 @@
   display: table !important;
 }
 .ui.toast-container.horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  flex-direction: row;
 }
 .ui.toast-container.horizontal .toast-box {
   margin-right: 0.5em;
@@ -135,8 +123,7 @@
 }
 .ui.toast-container .toast-box.floating,
 .ui.toast-container .toast-box.hoverfloating:hover {
-  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
-          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  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.compact,
@@ -183,9 +170,7 @@
   margin-bottom: -1em;
 }
 .ui.toast-container .toast-box > .ui.message.icon {
-  -webkit-box-align: inherit;
-      -ms-flex-align: inherit;
-          align-items: inherit;
+  align-items: inherit;
 }
 .ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
   padding-left: 5rem;
@@ -195,13 +180,11 @@
   position: absolute;
   width: 4rem;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+  transform: translateY(-50%);
 }
 .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > i.icon:not(.close) {
   top: calc(50% - 1.2em);
-  -webkit-transform: none;
-          transform: none;
+  transform: none;
 }
 .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).icon.icon.icon {
   display: block;
@@ -210,7 +193,6 @@
   cursor: pointer;
   margin: 0;
   opacity: 0.7;
-  -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
 }
 .ui.toast-container .toast-box .ui.toast > .close.icon:hover {
@@ -260,26 +242,20 @@
   border-bottom-right-radius: 0;
 }
 .ui.toast-container .toast-box .progressing {
-  -webkit-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
+  animation-iteration-count: 1;
+  animation-timing-function: linear;
 }
 .ui.toast-container .toast-box .progressing.up {
-  -webkit-animation-name: progressUp;
-          animation-name: progressUp;
+  animation-name: progressUp;
 }
 .ui.toast-container .toast-box .progressing.down {
-  -webkit-animation-name: progressDown;
-          animation-name: progressDown;
+  animation-name: progressDown;
 }
 .ui.toast-container .toast-box .progressing.wait {
-  -webkit-animation-name: progressWait;
-          animation-name: progressWait;
+  animation-name: progressWait;
 }
 .ui.toast-container .toast-box:hover .pausable.progressing {
-  -webkit-animation-play-state: paused;
-          animation-play-state: paused;
+  animation-play-state: paused;
 }
 .ui.toast-container .toast-box .ui.toast:not(.vertical) {
   display: block;
@@ -304,33 +280,23 @@
 .ui.toast-container .toast-box .vertical.actions > .button,
 .ui.toast-container .toast-box > .vertical > .vertical.vertical,
 .ui.toast-container .toast-box > .vertical.vertical.vertical {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions > .button {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions.attached > .button {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached) {
   border-top: 0;
   margin-top: -0.75em;
   margin-bottom: -0.75em;
   margin-left: 1em;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
+  justify-content: space-around;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic) {
   border-left: 1px solid rgba(0, 0, 0, 0.2);
@@ -339,14 +305,10 @@
   margin-bottom: 0.3em;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  justify-content: flex-start;
 }
 .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  justify-content: flex-end;
 }
 .ui.vertical.attached:not(.left).card > .image > img {
   border-top-right-radius: 0;
@@ -430,7 +392,7 @@
   padding: 0.78571429em 1em;
   margin: 0 -1px -0.01em;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: #fff;
 }
 .ui.toast > .content > .header {
   font-weight: bold;
@@ -438,23 +400,23 @@
   margin: 0;
 }
 .ui.toast.info {
-  background-color: #31CCEC;
+  background-color: #31ccec;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.toast.warning {
-  background-color: #F2C037;
+  background-color: #f2c037;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.toast.success {
-  background-color: #21BA45;
+  background-color: #21ba45;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.toast.error {
-  background-color: #DB2828;
+  background-color: #db2828;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.toast.neutral {
-  background-color: #FFFFFF;
+  background-color: #fff;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.toast > i.icon:not(.close) {
@@ -490,8 +452,7 @@
 }
 .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
 .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
+  transform: translateY(-50%);
   top: 50%;
 }
 .ui.toast:not(.vertical).actions > .centered.image {
@@ -501,14 +462,10 @@
   top: calc(50% - 1.2em);
 }
 .ui.toast.vertical > .content {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
 }
 .ui.toast.vertical.attached {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
 }
 .ui.toast.vertical > .close.icon + .content {
   padding-left: 1em;
@@ -518,17 +475,14 @@
   padding-left: 1em;
 }
 .ui.toast.vertical > .ui.image {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  align-self: flex-start;
+  flex-shrink: 0;
   
 /* IE11 fix */
 }
 .ui.toast.vertical > .centered.image,
 .ui.toast.vertical > .centered.icon {
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
 }
 .ui.toast.attached.bottom {
   border-top-left-radius: 0;
@@ -561,8 +515,7 @@
   padding-left: 4.4em;
 }
 .ui.hoverfloating.message:hover {
-  -webkit-box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
-          box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 .ui.center.toast-container .toast-box,
 .ui.right.toast-container .toast-box {
@@ -574,12 +527,8 @@
 .ui.ui.toast-container .toast-box .centered.toast,
 .ui.ui.toast-container .toast-box .center.aligned.toast {
   text-align: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .ui.ui.toast-container .toast-box .centered.toast > .content,
 .ui.ui.toast-container .toast-box .center.aligned.toast > .content,
@@ -587,8 +536,7 @@
 .ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
 .ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
 .ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
 }
 .ui.toast-container .toast-box .toast .centered.content,
 .ui.toast-container .toast-box .toast .center.aligned.content {
@@ -604,21 +552,20 @@
   margin-right: 0.25em;
 }
 
-/*--------------
+/* --------------
      Colors
 -------------- */
-
 .ui.primary.toast {
-  background-color: #2185D0;
+  background-color: #2185d0;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.primary.toast,
 .ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
-  background-color: #54C8FF;
+  background-color: #54c8ff;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.secondary.toast {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.secondary.toast,
@@ -627,102 +574,102 @@
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.red.toast {
-  background-color: #DB2828;
+  background-color: #db2828;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.red.toast,
 .ui.toast-container .toast-box > .inverted.red.attached.progress .bar {
-  background-color: #FF695E;
+  background-color: #ff695e;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.orange.toast {
-  background-color: #F2711C;
+  background-color: #f2711c;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.orange.toast,
 .ui.toast-container .toast-box > .inverted.orange.attached.progress .bar {
-  background-color: #FF851B;
+  background-color: #ff851b;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.yellow.toast {
-  background-color: #FBBD08;
+  background-color: #fbbd08;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.yellow.toast,
 .ui.toast-container .toast-box > .inverted.yellow.attached.progress .bar {
-  background-color: #FFE21F;
+  background-color: #ffe21f;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.olive.toast {
-  background-color: #B5CC18;
+  background-color: #b5cc18;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.olive.toast,
 .ui.toast-container .toast-box > .inverted.olive.attached.progress .bar {
-  background-color: #D9E778;
+  background-color: #d9e778;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.green.toast {
-  background-color: #21BA45;
+  background-color: #21ba45;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.green.toast,
 .ui.toast-container .toast-box > .inverted.green.attached.progress .bar {
-  background-color: #2ECC40;
+  background-color: #2ecc40;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.teal.toast {
-  background-color: #00B5AD;
+  background-color: #00b5ad;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.teal.toast,
 .ui.toast-container .toast-box > .inverted.teal.attached.progress .bar {
-  background-color: #6DFFFF;
+  background-color: #6dffff;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.blue.toast {
-  background-color: #2185D0;
+  background-color: #2185d0;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.blue.toast,
 .ui.toast-container .toast-box > .inverted.blue.attached.progress .bar {
-  background-color: #54C8FF;
+  background-color: #54c8ff;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.violet.toast {
-  background-color: #6435C9;
+  background-color: #6435c9;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.violet.toast,
 .ui.toast-container .toast-box > .inverted.violet.attached.progress .bar {
-  background-color: #A291FB;
+  background-color: #a291fb;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.purple.toast {
-  background-color: #A333C8;
+  background-color: #a333c8;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.purple.toast,
 .ui.toast-container .toast-box > .inverted.purple.attached.progress .bar {
-  background-color: #DC73FF;
+  background-color: #dc73ff;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.pink.toast {
-  background-color: #E03997;
+  background-color: #e03997;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.pink.toast,
 .ui.toast-container .toast-box > .inverted.pink.attached.progress .bar {
-  background-color: #FF8EDF;
+  background-color: #ff8edf;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.brown.toast {
-  background-color: #A5673F;
+  background-color: #a5673f;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.brown.toast,
 .ui.toast-container .toast-box > .inverted.brown.attached.progress .bar {
-  background-color: #D67C1C;
+  background-color: #d67c1c;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.grey.toast {
@@ -731,11 +678,11 @@
 }
 .ui.inverted.grey.toast,
 .ui.toast-container .toast-box > .inverted.grey.attached.progress .bar {
-  background-color: #DCDDDE;
+  background-color: #dcddde;
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.black.toast {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.inverted.black.toast,
@@ -745,7 +692,7 @@
 }
 .ui.inverted.toast {
   color: rgba(255, 255, 255, 0.9);
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 @media only screen and (max-width: 420px) {
   .ui.toast-container .toast-box.toast-box,
@@ -764,18 +711,9 @@
   }
 }
 
-/*---------------
+/* ---------------
    Progress Bar
- ----------------*/
-
-@-webkit-keyframes progressDown {
-  0% {
-    width: 100%;
-  }
-  100% {
-    width: 0;
-  }
-}
+ ---------------- */
 @keyframes progressDown {
   0% {
     width: 100%;
@@ -784,14 +722,6 @@
     width: 0;
   }
 }
-@-webkit-keyframes progressUp {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-}
 @keyframes progressUp {
   0% {
     width: 0;
@@ -800,14 +730,6 @@
     width: 100%;
   }
 }
-@-webkit-keyframes progressWait {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes progressWait {
   0% {
     opacity: 1;