fomantic-ui-sass 2.7.5 → 2.7.6

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

@@ -37,6 +37,7 @@
   left: 0;
   margin: 0;
   padding: 0;
+  overflow: hidden;
 }
 
 /*-----------------
@@ -83,10 +84,8 @@
   height: 100%;
   z-index: 3;
   content: '';
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 0.5;
-  -webkit-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
 }
 .ui.embed > .icon:before {
@@ -98,7 +97,6 @@
   color: #FFFFFF;
   font-size: 6rem;
   text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
-  -webkit-transition: opacity 0.5s ease, color 0.5s ease;
   transition: opacity 0.5s ease, color 0.5s ease;
   z-index: 10;
 }
@@ -114,7 +112,6 @@
 ---------------*/
 
 .ui.embed .icon:hover:after {
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
   opacity: 1;
 }
@@ -141,12 +138,6 @@
 
 
 
-/*******************************
-        Video Overrides
-*******************************/
-
-
-
 /*******************************
          Site Overrides
 *******************************/

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

@@ -20,13 +20,10 @@
   text-align: left;
   background: #FFFFFF;
   border: none;
-  -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
-          box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
   -webkit-transform-origin: 50% 25%;
           transform-origin: 50% 25%;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
   border-radius: 0.28571429rem;
   -webkit-user-select: text;
      -moz-user-select: text;
@@ -83,8 +80,7 @@
   background: #FFFFFF;
   margin: 0;
   padding: 1.25rem 1.5rem;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   color: rgba(0, 0, 0, 0.85);
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
 }
@@ -107,54 +103,38 @@
   background: #FFFFFF;
 }
 .ui.modal > .image.content {
-  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;
 }
 
 /* Image */
 .ui.modal > .content > .image {
   display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 auto;
-          flex: 0 1 auto;
+  flex: 0 1 auto;
   width: '';
-  -ms-flex-item-align: start;
-      align-self: start;
+  align-self: start;
   max-width: 100%;
 }
 .ui.modal > [class*="top aligned"] {
-  -ms-flex-item-align: start;
-      align-self: start;
+  align-self: start;
 }
 .ui.modal > [class*="middle aligned"] {
-  -ms-flex-item-align: center;
-      align-self: center;
+  align-self: center;
 }
 .ui.modal > [class*="stretched"] {
-  -ms-flex-item-align: stretch;
-      align-self: stretch;
+  align-self: stretch;
 }
 
 /* Description */
 .ui.modal > .content > .description {
   display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
+  flex: 1 0 auto;
   min-width: 0;
-  -ms-flex-item-align: start;
-      align-self: start;
+  align-self: start;
 }
 .ui.modal > .content > .icon + .description,
 .ui.modal > .content > .image + .description {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 auto;
-          flex: 0 1 auto;
+  flex: 0 1 auto;
   min-width: '';
   width: auto;
   padding-left: 2em;
@@ -256,10 +236,7 @@
   }
   /*rtl:ignore*/
   .ui.modal .image.content {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
   }
   .ui.modal .content > .image {
     display: block;
@@ -278,8 +255,7 @@
     width: 100% !important;
     margin: 0 !important;
     padding: 1rem 0 !important;
-    -webkit-box-shadow: none;
-            box-shadow: none;
+    box-shadow: none;
   }
   
 /* Let Buttons Stack */
@@ -297,8 +273,7 @@
 ---------------*/
 
 .ui.inverted.dimmer > .ui.modal {
-  -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
-          box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
 }
 
 
@@ -310,8 +285,7 @@
   background-color: transparent;
   border: none;
   border-radius: 0;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   color: #FFFFFF;
 }
 .ui.basic.modal > .header,
@@ -402,9 +376,7 @@
   overflow: hidden;
 }
 .scrolling.dimmable > .dimmer {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  justify-content: flex-start;
   position: fixed;
 }
 .scrolling.dimmable.dimmed > .dimmer {
@@ -660,12 +632,6 @@
 
 
 
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
 /*******************************
          Site Overrides
 *******************************/

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

@@ -25,13 +25,11 @@
   margin: 0;
   padding: 0.75em 1em;
   background: #555555;
-  -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);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   font-size: 1rem;
   text-align: center;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0 0 0.28571429rem 0.28571429rem;
-  -webkit-transition: 0.2s background ease;
   transition: 0.2s background ease;
 }
 a.ui.nag {
@@ -51,7 +49,6 @@ a.ui.nag {
   font-size: 1em;
   margin: -0.5em 0 0;
   color: #FFFFFF;
-  -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
 
@@ -142,12 +139,6 @@ a.ui.nag {
 
 
 
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
 /*******************************
         User Overrides
 *******************************/

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

@@ -33,8 +33,7 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  -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);
 }
 .ui.popup > .header {
   padding: 0;
@@ -55,8 +54,7 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 1901;
-  -webkit-box-shadow: 1px 1px 0 0 #bababc;
-          box-shadow: 1px 1px 0 0 #bababc;
+  box-shadow: 1px 1px 0 0 #bababc;
 }
 
 
@@ -87,8 +85,7 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 1901;
-  -webkit-box-shadow: 1px 1px 0 0 #bababc;
-          box-shadow: 1px 1px 0 0 #bababc;
+  box-shadow: 1px 1px 0 0 #bababc;
 }
 
 /* Popup */
@@ -109,8 +106,7 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  -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);
   z-index: 1900;
 }
 
@@ -144,14 +140,12 @@
           transform: rotate(45deg) scale(0) !important;
   -webkit-transform-origin: center top;
           transform-origin: center top;
-  -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease;
 }
 [data-tooltip]:after {
   opacity: 1;
   -webkit-transform-origin: center bottom;
           transform-origin: center bottom;
-  -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease;
 }
 [data-tooltip]:hover:before,
@@ -209,8 +203,7 @@
 
 /* Arrow */
 [data-tooltip][data-inverted]:before {
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 /* Arrow Position */
@@ -223,8 +216,7 @@
   background: #1B1C1D;
   color: #FFFFFF;
   border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 [data-tooltip][data-inverted]:after .header {
   background: none;
@@ -372,18 +364,15 @@
 /* Arrow */
 [data-position~="bottom"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
+  box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-position="left center"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: 1px -1px 0 0 #bababc;
-          box-shadow: 1px -1px 0 0 #bababc;
+  box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-position="right center"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: -1px 1px 0 0 #bababc;
-          box-shadow: -1px 1px 0 0 #bababc;
+  box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-position~="top"][data-tooltip]:before {
   background: #FFFFFF;
@@ -392,18 +381,15 @@
 /* Inverted Arrow Color */
 [data-inverted][data-position~="bottom"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
+  box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="left center"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: 1px -1px 0 0 #bababc;
-          box-shadow: 1px -1px 0 0 #bababc;
+  box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="right center"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: -1px 1px 0 0 #bababc;
-          box-shadow: -1px 1px 0 0 #bababc;
+  box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-inverted][data-position~="top"][data-tooltip]:before {
   background: #1B1C1D;
@@ -537,8 +523,7 @@
   left: 50%;
   right: auto;
   bottom: auto;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
+  box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.left.popup {
   margin-left: 0;
@@ -550,8 +535,7 @@
   right: auto;
   bottom: auto;
   margin-left: 0;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
+  box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.right.popup {
   margin-right: 0;
@@ -563,8 +547,7 @@
   bottom: auto;
   left: auto;
   margin-left: 0;
-  -webkit-box-shadow: -1px -1px 0 0 #bababc;
-          box-shadow: -1px -1px 0 0 #bababc;
+  box-shadow: -1px -1px 0 0 #bababc;
 }
 
 /*--- Above ---*/
@@ -608,8 +591,7 @@
   bottom: auto;
   left: auto;
   margin-top: -0.30714286em;
-  -webkit-box-shadow: 1px -1px 0 0 #bababc;
-          box-shadow: 1px -1px 0 0 #bababc;
+  box-shadow: 1px -1px 0 0 #bababc;
 }
 
 /*--- Right Center  ---*/
@@ -621,8 +603,7 @@
   bottom: auto;
   right: auto;
   margin-top: -0.30714286em;
-  -webkit-box-shadow: -1px 1px 0 0 #bababc;
-          box-shadow: -1px 1px 0 0 #bababc;
+  box-shadow: -1px 1px 0 0 #bababc;
 }
 
 /* Arrow Color By Location */
@@ -732,8 +713,7 @@
   background: #1B1C1D;
   color: #FFFFFF;
   border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.inverted.popup .header {
   background-color: none;
@@ -741,8 +721,7 @@
 }
 .ui.inverted.popup:before {
   background-color: #1B1C1D;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
 }
 
 /*--------------
@@ -783,12 +762,6 @@
 
 
 
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
 /*******************************
         User Overrides
 *******************************/

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

@@ -19,8 +19,7 @@
   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,12 +46,11 @@
   min-width: 2em;
   background: #888888;
   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;
 }
-.ui.ui.ui.progress:not([data-percent]) .bar,
-.ui.ui.ui.progress[data-percent="0"] .bar {
+.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar,
+.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar {
   background: transparent;
 }
 .ui.progress[data-percent="0"] .bar .progress {
@@ -93,7 +91,6 @@
   text-shadow: none;
   margin-top: 0.2em;
   text-align: center;
-  -webkit-transition: color 0.4s ease;
   transition: color 0.4s ease;
 }
 
@@ -219,8 +216,6 @@
 
 /* Multiple */
 .ui.multiple.progress {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 
@@ -425,122 +420,152 @@
      Colors
 ---------------*/
 
+.ui.indeterminate.primary.progress .bar::before,
 .ui.primary.progress .bar,
 .ui.progress .primary.bar {
   background-color: #2185D0;
 }
+.ui.inverted.indeterminate.primary.progress .bar::before,
 .ui.primary.inverted.progress .bar,
 .ui.inverted.progress .primary.bar {
   background-color: #54C8FF;
 }
+.ui.indeterminate.secondary.progress .bar::before,
 .ui.secondary.progress .bar,
 .ui.progress .secondary.bar {
   background-color: #1B1C1D;
 }
+.ui.inverted.indeterminate.secondary.progress .bar::before,
 .ui.secondary.inverted.progress .bar,
 .ui.inverted.progress .secondary.bar {
   background-color: #545454;
 }
+.ui.indeterminate.red.progress .bar::before,
 .ui.red.progress .bar,
 .ui.progress .red.bar {
   background-color: #DB2828;
 }
+.ui.inverted.indeterminate.red.progress .bar::before,
 .ui.red.inverted.progress .bar,
 .ui.inverted.progress .red.bar {
   background-color: #FF695E;
 }
+.ui.indeterminate.orange.progress .bar::before,
 .ui.orange.progress .bar,
 .ui.progress .orange.bar {
   background-color: #F2711C;
 }
+.ui.inverted.indeterminate.orange.progress .bar::before,
 .ui.orange.inverted.progress .bar,
 .ui.inverted.progress .orange.bar {
   background-color: #FF851B;
 }
+.ui.indeterminate.yellow.progress .bar::before,
 .ui.yellow.progress .bar,
 .ui.progress .yellow.bar {
   background-color: #FBBD08;
 }
+.ui.inverted.indeterminate.yellow.progress .bar::before,
 .ui.yellow.inverted.progress .bar,
 .ui.inverted.progress .yellow.bar {
   background-color: #FFE21F;
 }
+.ui.indeterminate.olive.progress .bar::before,
 .ui.olive.progress .bar,
 .ui.progress .olive.bar {
   background-color: #B5CC18;
 }
+.ui.inverted.indeterminate.olive.progress .bar::before,
 .ui.olive.inverted.progress .bar,
 .ui.inverted.progress .olive.bar {
   background-color: #D9E778;
 }
+.ui.indeterminate.green.progress .bar::before,
 .ui.green.progress .bar,
 .ui.progress .green.bar {
   background-color: #21BA45;
 }
+.ui.inverted.indeterminate.green.progress .bar::before,
 .ui.green.inverted.progress .bar,
 .ui.inverted.progress .green.bar {
   background-color: #2ECC40;
 }
+.ui.indeterminate.teal.progress .bar::before,
 .ui.teal.progress .bar,
 .ui.progress .teal.bar {
   background-color: #00B5AD;
 }
+.ui.inverted.indeterminate.teal.progress .bar::before,
 .ui.teal.inverted.progress .bar,
 .ui.inverted.progress .teal.bar {
   background-color: #6DFFFF;
 }
+.ui.indeterminate.blue.progress .bar::before,
 .ui.blue.progress .bar,
 .ui.progress .blue.bar {
   background-color: #2185D0;
 }
+.ui.inverted.indeterminate.blue.progress .bar::before,
 .ui.blue.inverted.progress .bar,
 .ui.inverted.progress .blue.bar {
   background-color: #54C8FF;
 }
+.ui.indeterminate.violet.progress .bar::before,
 .ui.violet.progress .bar,
 .ui.progress .violet.bar {
   background-color: #6435C9;
 }
+.ui.inverted.indeterminate.violet.progress .bar::before,
 .ui.violet.inverted.progress .bar,
 .ui.inverted.progress .violet.bar {
   background-color: #A291FB;
 }
+.ui.indeterminate.purple.progress .bar::before,
 .ui.purple.progress .bar,
 .ui.progress .purple.bar {
   background-color: #A333C8;
 }
+.ui.inverted.indeterminate.purple.progress .bar::before,
 .ui.purple.inverted.progress .bar,
 .ui.inverted.progress .purple.bar {
   background-color: #DC73FF;
 }
+.ui.indeterminate.pink.progress .bar::before,
 .ui.pink.progress .bar,
 .ui.progress .pink.bar {
   background-color: #E03997;
 }
+.ui.inverted.indeterminate.pink.progress .bar::before,
 .ui.pink.inverted.progress .bar,
 .ui.inverted.progress .pink.bar {
   background-color: #FF8EDF;
 }
+.ui.indeterminate.brown.progress .bar::before,
 .ui.brown.progress .bar,
 .ui.progress .brown.bar {
   background-color: #A5673F;
 }
+.ui.inverted.indeterminate.brown.progress .bar::before,
 .ui.brown.inverted.progress .bar,
 .ui.inverted.progress .brown.bar {
   background-color: #D67C1C;
 }
+.ui.indeterminate.grey.progress .bar::before,
 .ui.grey.progress .bar,
 .ui.progress .grey.bar {
   background-color: #767676;
 }
+.ui.inverted.indeterminate.grey.progress .bar::before,
 .ui.grey.inverted.progress .bar,
 .ui.inverted.progress .grey.bar {
   background-color: #DCDDDE;
 }
+.ui.indeterminate.black.progress .bar::before,
 .ui.black.progress .bar,
 .ui.progress .black.bar {
   background-color: #1B1C1D;
 }
+.ui.inverted.indeterminate.black.progress .bar::before,
 .ui.black.inverted.progress .bar,
 .ui.inverted.progress .black.bar {
   background-color: #545454;
@@ -581,11 +606,183 @@
   height: 3.5em;
 }
 
+/*---------------
+  Indeterminate
+----------------*/
 
-/*******************************
-            Progress
-*******************************/
-
+.ui.indeterminate.progress .bar {
+  width: 100%;
+}
+.ui.indeterminate.progress .bar .progress,
+.ui.progress .bar .centered.progress {
+  text-align: center;
+  position: relative;
+}
+.ui.indeterminate.progress .bar::before {
+  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;
+  width: 100%;
+}
+.ui.slow.indeterminate.progress .bar::before {
+  -webkit-animation-duration: 4s;
+          animation-duration: 4s;
+}
+.ui.fast.indeterminate.progress .bar::before {
+  -webkit-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;
+}
+.ui.sliding.indeterminate.progress .bar::before {
+  -webkit-transform-origin: left;
+          transform-origin: left;
+  -webkit-animation-name: progress-sliding;
+          animation-name: progress-sliding;
+}
+.ui.filling.indeterminate.progress .bar::before {
+  -webkit-animation-name: progress-filling;
+          animation-name: progress-filling;
+}
+.ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
+  background: #FFFFFF;
+}
+.ui.sliding.indeterminate.progress .bar,
+.ui.swinging.indeterminate.progress .bar,
+.ui.filling.indeterminate.progress .bar {
+  background: rgba(0, 0, 0, 0.1);
+}
+.ui.inverted.sliding.indeterminate.progress .bar,
+.ui.inverted.swinging.indeterminate.progress .bar,
+.ui.inverted.filling.indeterminate.progress .bar {
+  background: rgba(255, 255, 255, 0.08);
+}
+.ui.sliding.indeterminate.progress .bar .progress,
+.ui.swinging.indeterminate.progress .bar .progress {
+  color: #1B1C1D;
+}
+.ui.inverted.sliding.indeterminate.progress .bar .progress,
+.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% {
+    width: 10%;
+    left: -25%;
+  }
+  25%,
+  65% {
+    width: 70%;
+  }
+  50% {
+    width: 10%;
+    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%;
+    left: -25%;
+  }
+  50% {
+    width: 70%;
+  }
+  100% {
+    width: 10%;
+    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);
+  }
+  80% {
+    -webkit-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);
+    opacity: 0.7;
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 0;
+  }
+}
 
 
 /*******************************