fomantic-ui 2.9.1-beta.4 → 2.9.1-beta.40

package/dist/components/progress.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.4+9773a1d - Progress Bar
+ * # Fomantic-UI 2.9.1-beta.40+0bffb4a - Progress Bar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15,14 +15,11 @@
 
 .ui.progress {
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   max-width: 100%;
   border: none;
   margin: 1em 0 2.5em;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   background: rgba(0, 0, 0, 0.1);
   padding: 0;
   border-radius: 0.28571429rem;
@@ -47,9 +44,8 @@
   position: relative;
   width: 0;
   min-width: 2em;
-  background: #888888;
+  background: #888;
   border-radius: 0.28571429rem;
-  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
   transition: width 0.1s ease, background-color 0.1s ease;
   overflow: hidden;
 }
@@ -81,9 +77,7 @@
   text-align: left;
 }
 .ui.right.aligned.progress {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  justify-content: flex-end;
 }
 .ui.right.aligned.progress .bar > .progress {
   left: 0.5em;
@@ -104,7 +98,6 @@
   text-shadow: none;
   margin-top: 0.2em;
   text-align: center;
-  -webkit-transition: color 0.4s ease;
   transition: color 0.4s ease;
 }
 
@@ -117,25 +110,25 @@
 /* Indicating */
 .ui.indicating.progress[data-percent^="1"] .bar,
 .ui.indicating.progress[data-percent^="2"] .bar {
-  background-color: #D95C5C;
+  background-color: #d95c5c;
 }
 .ui.indicating.progress[data-percent^="3"] .bar {
-  background-color: #EFBC72;
+  background-color: #efbc72;
 }
 .ui.indicating.progress[data-percent^="4"] .bar,
 .ui.indicating.progress[data-percent^="5"] .bar {
-  background-color: #E6BB48;
+  background-color: #e6bb48;
 }
 .ui.indicating.progress[data-percent^="6"] .bar {
-  background-color: #DDC928;
+  background-color: #ddc928;
 }
 .ui.indicating.progress[data-percent^="7"] .bar,
 .ui.indicating.progress[data-percent^="8"] .bar {
-  background-color: #B4D95C;
+  background-color: #b4d95c;
 }
 .ui.indicating.progress[data-percent^="9"] .bar,
 .ui.indicating.progress[data-percent^="100"] .bar {
-  background-color: #66DA81;
+  background-color: #66da81;
 }
 
 /* Indicating Label */
@@ -205,7 +198,7 @@
 .ui.indicating.progress[data-percent^="8."] .bar,
 .ui.indicating.progress[data-percent="9"] .bar,
 .ui.indicating.progress[data-percent^="9."] .bar {
-  background-color: #D95C5C;
+  background-color: #d95c5c;
 }
 .ui.indicating.progress[data-percent="0"] .label,
 .ui.indicating.progress[data-percent^="0."] .label,
@@ -254,7 +247,7 @@
 
 /* Indicating Success */
 .ui.ui.indicating.progress.success .label {
-  color: #1A531B;
+  color: #1a531b;
 }
 
 
@@ -263,117 +256,91 @@
 *******************************/
 
 
-/*--------------
-       Success
-  ---------------*/
-
+/* --------------
+         Success
+    --------------- */
 .ui.ui.progress.success .bar {
-  background-color: #21BA45;
+  background-color: #21ba45;
 }
 .ui.ui.progress.success .bar,
 .ui.ui.progress.success .bar::after {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
 }
 .ui.progress.success > .label {
-  color: #1A531B;
+  color: #1a531b;
 }
 
-/*--------------
-       Warning
-  ---------------*/
-
+/* --------------
+         Warning
+    --------------- */
 .ui.ui.progress.warning .bar {
-  background-color: #F2C037;
+  background-color: #f2c037;
 }
 .ui.ui.progress.warning .bar,
 .ui.ui.progress.warning .bar::after {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
 }
 .ui.progress.warning > .label {
-  color: #794B02;
+  color: #794b02;
 }
 
-/*--------------
-       Error
-  ---------------*/
-
+/* --------------
+         Error
+    --------------- */
 .ui.ui.progress.error .bar {
-  background-color: #DB2828;
+  background-color: #db2828;
 }
 .ui.ui.progress.error .bar,
 .ui.ui.progress.error .bar::after {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
 }
 .ui.progress.error > .label {
-  color: #912D2B;
+  color: #912d2b;
 }
 
-/*--------------
-       Active
-  ---------------*/
-
+/* --------------
+         Active
+    --------------- */
 .ui.active.progress .bar {
   position: relative;
   min-width: 2em;
 }
 .ui.active.progress .bar::after {
-  content: '';
+  content: "";
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background: #FFFFFF;
+  background: #fff;
   border-radius: 0.28571429rem;
-  -webkit-animation: progress-active 2s ease infinite;
-          animation: progress-active 2s ease infinite;
-  -webkit-transform-origin: left;
-          transform-origin: left;
+  animation: progress-active 2s ease infinite;
+  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;
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
+  transform-origin: right;
 }
 @keyframes progress-active {
   0% {
     opacity: 0.3;
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
+    transform: scale(0, 1);
   }
   100% {
     opacity: 0;
-    -webkit-transform: scale(1);
-            transform: scale(1);
+    transform: scale(1);
   }
 }
 
-/*--------------
-      Disabled
-  ---------------*/
-
+/* --------------
+        Disabled
+    --------------- */
 .ui.disabled.progress {
   opacity: 0.35;
 }
 .ui.ui.disabled.progress .bar,
 .ui.ui.disabled.progress .bar::after {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
 }
 
 
@@ -382,37 +349,35 @@
 *******************************/
 
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 .ui.inverted.progress {
   background: rgba(255, 255, 255, 0.08);
   border: none;
 }
 .ui.inverted.progress .bar {
-  background: #888888;
+  background: #888;
 }
 .ui.inverted.progress .bar > .progress {
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 .ui.inverted.progress > .label {
-  color: #FFFFFF;
+  color: #fff;
 }
 .ui.inverted.progress.success > .label {
-  color: #21BA45;
+  color: #21ba45;
 }
 .ui.inverted.progress.warning > .label {
-  color: #F2C037;
+  color: #f2c037;
 }
 .ui.inverted.progress.error > .label {
-  color: #DB2828;
+  color: #db2828;
 }
 
-/*--------------
-      Attached
-  ---------------*/
-
+/* --------------
+        Attached
+    --------------- */
 
 /* bottom attached */
 .ui.progress.attached {
@@ -457,24 +422,23 @@
   bottom: auto;
 }
 
-/*--------------
+/* --------------
      Colors
----------------*/
-
+--------------- */
 .ui.indeterminate.primary.progress .bar::before,
 .ui.primary.progress .bar,
 .ui.progress .primary.bar {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
 .ui.inverted.indeterminate.primary.progress .bar::before,
 .ui.primary.inverted.progress .bar,
 .ui.inverted.progress .primary.bar {
-  background-color: #54C8FF;
+  background-color: #54c8ff;
 }
 .ui.indeterminate.secondary.progress .bar::before,
 .ui.secondary.progress .bar,
 .ui.progress .secondary.bar {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 .ui.inverted.indeterminate.secondary.progress .bar::before,
 .ui.secondary.inverted.progress .bar,
@@ -484,112 +448,112 @@
 .ui.indeterminate.red.progress .bar::before,
 .ui.red.progress .bar,
 .ui.progress .red.bar {
-  background-color: #DB2828;
+  background-color: #db2828;
 }
 .ui.inverted.indeterminate.red.progress .bar::before,
 .ui.red.inverted.progress .bar,
 .ui.inverted.progress .red.bar {
-  background-color: #FF695E;
+  background-color: #ff695e;
 }
 .ui.indeterminate.orange.progress .bar::before,
 .ui.orange.progress .bar,
 .ui.progress .orange.bar {
-  background-color: #F2711C;
+  background-color: #f2711c;
 }
 .ui.inverted.indeterminate.orange.progress .bar::before,
 .ui.orange.inverted.progress .bar,
 .ui.inverted.progress .orange.bar {
-  background-color: #FF851B;
+  background-color: #ff851b;
 }
 .ui.indeterminate.yellow.progress .bar::before,
 .ui.yellow.progress .bar,
 .ui.progress .yellow.bar {
-  background-color: #FBBD08;
+  background-color: #fbbd08;
 }
 .ui.inverted.indeterminate.yellow.progress .bar::before,
 .ui.yellow.inverted.progress .bar,
 .ui.inverted.progress .yellow.bar {
-  background-color: #FFE21F;
+  background-color: #ffe21f;
 }
 .ui.indeterminate.olive.progress .bar::before,
 .ui.olive.progress .bar,
 .ui.progress .olive.bar {
-  background-color: #B5CC18;
+  background-color: #b5cc18;
 }
 .ui.inverted.indeterminate.olive.progress .bar::before,
 .ui.olive.inverted.progress .bar,
 .ui.inverted.progress .olive.bar {
-  background-color: #D9E778;
+  background-color: #d9e778;
 }
 .ui.indeterminate.green.progress .bar::before,
 .ui.green.progress .bar,
 .ui.progress .green.bar {
-  background-color: #21BA45;
+  background-color: #21ba45;
 }
 .ui.inverted.indeterminate.green.progress .bar::before,
 .ui.green.inverted.progress .bar,
 .ui.inverted.progress .green.bar {
-  background-color: #2ECC40;
+  background-color: #2ecc40;
 }
 .ui.indeterminate.teal.progress .bar::before,
 .ui.teal.progress .bar,
 .ui.progress .teal.bar {
-  background-color: #00B5AD;
+  background-color: #00b5ad;
 }
 .ui.inverted.indeterminate.teal.progress .bar::before,
 .ui.teal.inverted.progress .bar,
 .ui.inverted.progress .teal.bar {
-  background-color: #6DFFFF;
+  background-color: #6dffff;
 }
 .ui.indeterminate.blue.progress .bar::before,
 .ui.blue.progress .bar,
 .ui.progress .blue.bar {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
 .ui.inverted.indeterminate.blue.progress .bar::before,
 .ui.blue.inverted.progress .bar,
 .ui.inverted.progress .blue.bar {
-  background-color: #54C8FF;
+  background-color: #54c8ff;
 }
 .ui.indeterminate.violet.progress .bar::before,
 .ui.violet.progress .bar,
 .ui.progress .violet.bar {
-  background-color: #6435C9;
+  background-color: #6435c9;
 }
 .ui.inverted.indeterminate.violet.progress .bar::before,
 .ui.violet.inverted.progress .bar,
 .ui.inverted.progress .violet.bar {
-  background-color: #A291FB;
+  background-color: #a291fb;
 }
 .ui.indeterminate.purple.progress .bar::before,
 .ui.purple.progress .bar,
 .ui.progress .purple.bar {
-  background-color: #A333C8;
+  background-color: #a333c8;
 }
 .ui.inverted.indeterminate.purple.progress .bar::before,
 .ui.purple.inverted.progress .bar,
 .ui.inverted.progress .purple.bar {
-  background-color: #DC73FF;
+  background-color: #dc73ff;
 }
 .ui.indeterminate.pink.progress .bar::before,
 .ui.pink.progress .bar,
 .ui.progress .pink.bar {
-  background-color: #E03997;
+  background-color: #e03997;
 }
 .ui.inverted.indeterminate.pink.progress .bar::before,
 .ui.pink.inverted.progress .bar,
 .ui.inverted.progress .pink.bar {
-  background-color: #FF8EDF;
+  background-color: #ff8edf;
 }
 .ui.indeterminate.brown.progress .bar::before,
 .ui.brown.progress .bar,
 .ui.progress .brown.bar {
-  background-color: #A5673F;
+  background-color: #a5673f;
 }
 .ui.inverted.indeterminate.brown.progress .bar::before,
 .ui.brown.inverted.progress .bar,
 .ui.inverted.progress .brown.bar {
-  background-color: #D67C1C;
+  background-color: #d67c1c;
 }
 .ui.indeterminate.grey.progress .bar::before,
 .ui.grey.progress .bar,
@@ -599,12 +563,12 @@
 .ui.inverted.indeterminate.grey.progress .bar::before,
 .ui.grey.inverted.progress .bar,
 .ui.inverted.progress .grey.bar {
-  background-color: #DCDDDE;
+  background-color: #dcddde;
 }
 .ui.indeterminate.black.progress .bar::before,
 .ui.black.progress .bar,
 .ui.progress .black.bar {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 .ui.inverted.indeterminate.black.progress .bar::before,
 .ui.black.inverted.progress .bar,
@@ -612,10 +576,9 @@
   background-color: #545454;
 }
 
-/*--------------
+/* --------------
      Sizes
----------------*/
-
+--------------- */
 .ui.progress {
   font-size: 1rem;
 }
@@ -665,10 +628,9 @@
   height: 5em;
 }
 
-/*---------------
-    Indeterminate
-  ----------------*/
-
+/* ---------------
+      Indeterminate
+    ---------------- */
 .ui.indeterminate.progress .bar {
   width: 100%;
 }
@@ -679,43 +641,34 @@
   right: 0;
 }
 .ui.indeterminate.progress .bar::before {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   border-radius: 0.28571429rem;
-  -webkit-animation: progress-pulsating 2s ease infinite;
-          animation: progress-pulsating 2s ease infinite;
-  -webkit-transform-origin: center;
-          transform-origin: center;
+  animation: progress-pulsating 2s ease infinite;
+  transform-origin: center;
   width: 100%;
 }
 .ui.slow.indeterminate.progress .bar::before {
-  -webkit-animation-duration: 4s;
-          animation-duration: 4s;
+  animation-duration: 4s;
 }
 .ui.fast.indeterminate.progress .bar::before {
-  -webkit-animation-duration: 1s;
-          animation-duration: 1s;
+  animation-duration: 1s;
 }
 .ui.swinging.indeterminate.progress .bar::before {
-  -webkit-transform-origin: left;
-          transform-origin: left;
-  -webkit-animation-name: progress-swinging;
-          animation-name: progress-swinging;
+  transform-origin: left;
+  animation-name: progress-swinging;
 }
 .ui.sliding.indeterminate.progress .bar::before {
-  -webkit-transform-origin: left;
-          transform-origin: left;
-  -webkit-animation-name: progress-sliding;
-          animation-name: progress-sliding;
+  transform-origin: left;
+  animation-name: progress-sliding;
 }
 .ui.filling.indeterminate.progress .bar::before {
-  -webkit-animation-name: progress-filling;
-          animation-name: progress-filling;
+  animation-name: progress-filling;
 }
 .ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
-  background: #FFFFFF;
+  background: #fff;
 }
 .ui.sliding.indeterminate.progress .bar,
 .ui.swinging.indeterminate.progress .bar,
@@ -724,7 +677,7 @@
 }
 .ui.sliding.indeterminate.progress .bar .progress,
 .ui.swinging.indeterminate.progress .bar .progress {
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 .ui.inverted.sliding.indeterminate.progress .bar,
 .ui.inverted.swinging.indeterminate.progress .bar,
@@ -735,21 +688,6 @@
 .ui.inverted.swinging.indeterminate.progress .bar .progress {
   color: rgba(255, 255, 255, 0.7);
 }
-@-webkit-keyframes progress-swinging {
-  0%,
-  100% {
-    width: 10%;
-    left: -25%;
-  }
-  25%,
-  65% {
-    width: 70%;
-  }
-  50% {
-    width: 10%;
-    left: 100%;
-  }
-}
 @keyframes progress-swinging {
   0%,
   100% {
@@ -765,19 +703,6 @@
     left: 100%;
   }
 }
-@-webkit-keyframes progress-sliding {
-  0% {
-    width: 10%;
-    left: -25%;
-  }
-  50% {
-    width: 70%;
-  }
-  100% {
-    width: 10%;
-    left: 100%;
-  }
-}
 @keyframes progress-sliding {
   0% {
     width: 10%;
@@ -791,55 +716,25 @@
     left: 100%;
   }
 }
-@-webkit-keyframes progress-filling {
-  0% {
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
-  }
-  80% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
 @keyframes progress-filling {
   0% {
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
+    transform: scale(0, 1);
   }
   80% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
+    transform: scale(1);
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }
-@-webkit-keyframes progress-pulsating {
-  0% {
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
-    opacity: 0.7;
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0;
-  }
-}
 @keyframes progress-pulsating {
   0% {
-    -webkit-transform: scale(0, 1);
-            transform: scale(0, 1);
+    transform: scale(0, 1);
     opacity: 0.7;
   }
   100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
+    transform: scale(1);
     opacity: 0;
   }
 }