fomantic-ui-sass 2.6.4 → 2.7.0

data/app/assets/stylesheets/semantic-ui/elements/_list.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - List
+ * # Semantic UI 2.7.0 - List
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -17,20 +17,20 @@ ul.ui.list,
 ol.ui.list,
 .ui.list {
   list-style-type: none;
-  margin: 1em 0em;
-  padding: 0em 0em;
+  margin: 1em 0;
+  padding: 0 0;
 }
 ul.ui.list:first-child,
 ol.ui.list:first-child,
 .ui.list:first-child {
-  margin-top: 0em;
-  padding-top: 0em;
+  margin-top: 0;
+  padding-top: 0;
 }
 ul.ui.list:last-child,
 ol.ui.list:last-child,
 .ui.list:last-child {
-  margin-bottom: 0em;
-  padding-bottom: 0em;
+  margin-bottom: 0;
+  padding-bottom: 0;
 }
 
 
@@ -48,7 +48,7 @@ ol.ui.list li,
   table-layout: fixed;
   list-style-type: none;
   list-style-position: outside;
-  padding: 0.21428571em 0em;
+  padding: 0.21428571em 0;
   line-height: 1.14285714em;
 }
 ul.ui.list > li:first-child:after,
@@ -65,29 +65,29 @@ ul.ui.list li:first-child,
 ol.ui.list li:first-child,
 .ui.list .list > .item:first-child,
 .ui.list > .item:first-child {
-  padding-top: 0em;
+  padding-top: 0;
 }
 ul.ui.list li:last-child,
 ol.ui.list li:last-child,
 .ui.list .list > .item:last-child,
 .ui.list > .item:last-child {
-  padding-bottom: 0em;
+  padding-bottom: 0;
 }
 
 /* Child List */
 ul.ui.list ul,
 ol.ui.list ol,
-.ui.list .list {
+.ui.list .list:not(.icon) {
   clear: both;
-  margin: 0em;
-  padding: 0.75em 0em 0.25em 0.5em;
+  margin: 0;
+  padding: 0.75em 0 0.25em 0.5em;
 }
 
 /* Child Item */
 ul.ui.list ul li,
 ol.ui.list ol li,
 .ui.list .list > .item {
-  padding: 0.14285714em 0em;
+  padding: 0.14285714em 0;
   line-height: inherit;
 }
 
@@ -95,8 +95,8 @@ ol.ui.list ol li,
 .ui.list .list > .item > i.icon,
 .ui.list > .item > i.icon {
   display: table-cell;
-  margin: 0em;
-  padding-top: 0em;
+  margin: 0;
+  padding-top: 0;
   padding-right: 0.28571429em;
   vertical-align: top;
   -webkit-transition: color 0.1s ease;
@@ -113,7 +113,7 @@ ol.ui.list ol li,
 .ui.list > .item > .image {
   display: table-cell;
   background-color: transparent;
-  margin: 0em;
+  margin: 0;
   vertical-align: top;
 }
 .ui.list .list > .item > .image:not(:only-child):not(img),
@@ -143,7 +143,7 @@ ol.ui.list ol li,
 .ui.list > .item > .icon + .content {
   display: table-cell;
   width: 100%;
-  padding: 0em 0em 0em 0.5em;
+  padding: 0 0 0 0.5em;
   vertical-align: top;
 }
 .ui.list .list > .item > img.image + .content,
@@ -153,15 +153,15 @@ ol.ui.list ol li,
 }
 .ui.list .list > .item > .content > .list,
 .ui.list > .item > .content > .list {
-  margin-left: 0em;
-  padding-left: 0em;
+  margin-left: 0;
+  padding-left: 0;
 }
 
 /* Header */
 .ui.list .list > .item .header,
 .ui.list > .item .header {
   display: block;
-  margin: 0em;
+  margin: 0;
   font-family: $font-family;
   font-weight: bold;
   color: rgba(0, 0, 0, 0.87);
@@ -218,12 +218,12 @@ ol.ui.list ol li,
 .ui.list .list > .item [class*="left floated"],
 .ui.list > .item [class*="left floated"] {
   float: left;
-  margin: 0em 1em 0em 0em;
+  margin: 0 1em 0 0;
 }
 .ui.list .list > .item [class*="right floated"],
 .ui.list > .item [class*="right floated"] {
   float: right;
-  margin: 0em 0em 0em 1em;
+  margin: 0 0 0 1em;
 }
 
 
@@ -238,7 +238,7 @@ ol.ui.list ol li,
   background-color: transparent;
   list-style-type: none;
   list-style-position: outside;
-  padding: 0.21428571em 0em;
+  padding: 0.21428571em 0;
   line-height: 1.14285714em;
 }
 .ui.menu .ui.list .list > .item:before,
@@ -248,11 +248,11 @@ ol.ui.list ol li,
 }
 .ui.menu .ui.list .list > .item:first-child,
 .ui.menu .ui.list > .item:first-child {
-  padding-top: 0em;
+  padding-top: 0;
 }
 .ui.menu .ui.list .list > .item:last-child,
 .ui.menu .ui.list > .item:last-child {
-  padding-bottom: 0em;
+  padding-bottom: 0;
 }
 
 
@@ -267,7 +267,7 @@ ol.ui.list ol li,
 
 .ui.horizontal.list {
   display: inline-block;
-  font-size: 0em;
+  font-size: 0;
 }
 .ui.horizontal.list > .item {
   display: inline-block;
@@ -275,12 +275,12 @@ ol.ui.list ol li,
   font-size: 1rem;
 }
 .ui.horizontal.list:not(.celled) > .item:first-child {
-  margin-left: 0em !important;
-  padding-left: 0em !important;
+  margin-left: 0 !important;
+  padding-left: 0 !important;
 }
-.ui.horizontal.list .list {
-  padding-left: 0em;
-  padding-bottom: 0em;
+.ui.horizontal.list .list:not(.icon) {
+  padding-left: 0;
+  padding-bottom: 0;
 }
 .ui.horizontal.list > .item > .image,
 .ui.horizontal.list .list > .item > .image,
@@ -300,8 +300,8 @@ ol.ui.list ol li,
 
 /* Horizontal List */
 .ui.horizontal.list > .item > i.icon {
-  margin: 0em;
-  padding: 0em 0.25em 0em 0em;
+  margin: 0;
+  padding: 0 0.25em 0 0;
 }
 .ui.horizontal.list > .item > .image + .content,
 .ui.horizontal.list > .item > .icon,
@@ -461,7 +461,7 @@ ol.ui.list ol li,
   cursor: pointer;
   background: transparent;
   padding: 0.5em 0.5em;
-  margin: 0em;
+  margin: 0;
   color: rgba(0, 0, 0, 0.4);
   border-radius: 0.5em;
   -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
@@ -469,7 +469,7 @@ ol.ui.list ol li,
 }
 .ui.selection.list .list > .item:last-child,
 .ui.selection.list > .item:last-child {
-  margin-bottom: 0em;
+  margin-bottom: 0;
 }
 .ui.selection.list .list > .item:hover,
 .ui.selection.list > .item:hover {
@@ -510,7 +510,7 @@ ol.ui.list ol li,
 .ui.divided.selection.list .list > .item,
 .ui.celled.selection.list > .item,
 .ui.divided.selection.list > .item {
-  border-radius: 0em;
+  border-radius: 0;
 }
 
 /*-------------------
@@ -531,8 +531,8 @@ ol.ui.list ol li,
 
 .ui.fitted.list:not(.selection) .list > .item,
 .ui.fitted.list:not(.selection) > .item {
-  padding-left: 0em;
-  padding-right: 0em;
+  padding-left: 0;
+  padding-right: 0;
 }
 .ui.fitted.selection.list .list > .item,
 .ui.fitted.selection.list > .item {
@@ -577,14 +577,14 @@ ul.ui.list li:before,
   color: rgba(0, 0, 0, 0.87);
 }
 ul.ui.list ul,
-.ui.bulleted.list .list {
+.ui.bulleted.list .list:not(.icon) {
   padding-left: 1.25rem;
 }
 
 /* Horizontal Bulleted */
 ul.ui.horizontal.bulleted.list,
 .ui.horizontal.bulleted.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 ul.ui.horizontal.bulleted.list li,
 .ui.horizontal.bulleted.list > .item {
@@ -592,7 +592,7 @@ ul.ui.horizontal.bulleted.list li,
 }
 ul.ui.horizontal.bulleted.list li:first-child,
 .ui.horizontal.bulleted.list > .item:first-child {
-  margin-left: 0em;
+  margin-left: 0;
 }
 ul.ui.horizontal.bulleted.list li::before,
 .ui.horizontal.bulleted.list > .item::before {
@@ -609,7 +609,7 @@ ul.ui.horizontal.bulleted.list li:first-child::before,
 
 ol.ui.list,
 .ui.ordered.list,
-.ui.ordered.list .list,
+.ui.ordered.list .list:not(.icon),
 ol.ui.list ol {
   counter-reset: ordered;
   margin-left: 1.25rem;
@@ -657,7 +657,7 @@ ol.ui.list li[value]:before {
 
 /* Child Lists */
 ol.ui.list ol,
-.ui.ordered.list .list {
+.ui.ordered.list .list:not(.icon) {
   margin-left: 1em;
 }
 ol.ui.list ol li:before,
@@ -668,13 +668,13 @@ ol.ui.list ol li:before,
 /* Horizontal Ordered */
 ol.ui.horizontal.list,
 .ui.ordered.horizontal.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 ol.ui.horizontal.list li:before,
 .ui.ordered.horizontal.list .list > .item:before,
 .ui.ordered.horizontal.list > .item:before {
   position: static;
-  margin: 0em 0.5em 0em 0em;
+  margin: 0 0.5em 0 0;
 }
 
 /*-------------------
@@ -702,9 +702,9 @@ ol.ui.horizontal.list li:before,
 
 /* Divided bulleted */
 .ui.divided.bulleted.list:not(.horizontal),
-.ui.divided.bulleted.list .list {
-  margin-left: 0em;
-  padding-left: 0em;
+.ui.divided.bulleted.list .list:not(.icon) {
+  margin-left: 0;
+  padding-left: 0;
 }
 .ui.divided.bulleted.list > .item:not(.horizontal) {
   padding-left: 1.25rem;
@@ -712,15 +712,15 @@ ol.ui.horizontal.list li:before,
 
 /* Divided Ordered */
 .ui.divided.ordered.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.divided.ordered.list .list > .item,
 .ui.divided.ordered.list > .item {
   padding-left: 1.25rem;
 }
-.ui.divided.ordered.list .item .list {
-  margin-left: 0em;
-  margin-right: 0em;
+.ui.divided.ordered.list .item .list:not(.icon) {
+  margin-left: 0;
+  margin-right: 0;
   padding-bottom: 0.21428571em;
 }
 .ui.divided.ordered.list .item .list > .item {
@@ -730,13 +730,13 @@ ol.ui.horizontal.list li:before,
 /* Divided Selection */
 .ui.divided.selection.list .list > .item,
 .ui.divided.selection.list > .item {
-  margin: 0em;
-  border-radius: 0em;
+  margin: 0;
+  border-radius: 0;
 }
 
 /* Divided horizontal */
 .ui.divided.horizontal.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.divided.horizontal.list > .item:not(:first-child) {
   padding-left: 0.5em;
@@ -747,7 +747,7 @@ ol.ui.horizontal.list li:before,
 .ui.divided.horizontal.list > .item {
   border-top: none;
   border-left: 1px solid rgba(34, 36, 38, 0.15);
-  margin: 0em;
+  margin: 0;
   line-height: 0.6;
 }
 .ui.horizontal.divided.list > .item:first-child {
@@ -784,21 +784,21 @@ ol.ui.horizontal.list li:before,
 
 /* Sub Menu */
 .ui.celled.list .item .list > .item {
-  border-width: 0px;
+  border-width: 0;
 }
 .ui.celled.list .list > .item:first-child {
-  border-top-width: 0px;
+  border-top-width: 0;
 }
 
 /* Celled Bulleted */
 .ui.celled.bulleted.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.celled.bulleted.list .list > .item,
 .ui.celled.bulleted.list > .item {
   padding-left: 1.25rem;
 }
-.ui.celled.bulleted.list .item .list {
+.ui.celled.bulleted.list .item .list:not(.icon) {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
   padding-bottom: 0.21428571em;
@@ -806,15 +806,15 @@ ol.ui.horizontal.list li:before,
 
 /* Celled Ordered */
 .ui.celled.ordered.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.celled.ordered.list .list > .item,
 .ui.celled.ordered.list > .item {
   padding-left: 1.25rem;
 }
-.ui.celled.ordered.list .item .list {
-  margin-left: 0em;
-  margin-right: 0em;
+.ui.celled.ordered.list .item .list:not(.icon) {
+  margin-left: 0;
+  margin-right: 0;
   padding-bottom: 0.21428571em;
 }
 .ui.celled.ordered.list .list > .item {
@@ -823,13 +823,13 @@ ol.ui.horizontal.list li:before,
 
 /* Celled Horizontal */
 .ui.horizontal.celled.list {
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.horizontal.celled.list .list > .item,
 .ui.horizontal.celled.list > .item {
   border-top: none;
   border-left: 1px solid rgba(34, 36, 38, 0.15);
-  margin: 0em;
+  margin: 0;
   padding-left: 0.5em;
   padding-right: 0.5em;
   line-height: 0.6;
@@ -843,11 +843,11 @@ ol.ui.horizontal.list li:before,
 /* Inverted */
 .ui.celled.inverted.list > .item,
 .ui.celled.inverted.list > .list {
-  border-color: 1px solid rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.1);
 }
 .ui.celled.inverted.horizontal.list .list > .item,
 .ui.celled.inverted.horizontal.list > .item {
-  border-color: 1px solid rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.1);
 }
 
 /*-------------------

data/app/assets/stylesheets/semantic-ui/elements/_loader.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - Loader
+ * # Semantic UI 2.7.0 - Loader
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -20,7 +20,7 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  margin: 0px;
+  margin: 0;
   text-align: center;
   z-index: 1000;
   -webkit-transform: translateX(-50%) translateY(-50%);
@@ -31,7 +31,7 @@
 .ui.loader:before {
   position: absolute;
   content: '';
-  top: 0%;
+  top: 0;
   left: 50%;
   width: 100%;
   height: 100%;
@@ -43,53 +43,43 @@
 .ui.loader:after {
   position: absolute;
   content: '';
-  top: 0%;
+  top: 0;
   left: 50%;
   width: 100%;
   height: 100%;
-  -webkit-animation: loader 0.6s linear;
-          animation: loader 0.6s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  -webkit-animation: loader 0.6s infinite linear;
+          animation: loader 0.6s infinite linear;
+  border: 0.2em solid #767676;
   border-radius: 500rem;
-  border-color: #767676 transparent transparent;
-  border-style: solid;
-  border-width: 0.2em;
-  -webkit-box-shadow: 0px 0px 0px 1px transparent;
-          box-shadow: 0px 0px 0px 1px transparent;
+  -webkit-box-shadow: 0 0 0 1px transparent;
+          box-shadow: 0 0 0 1px transparent;
 }
 
 /* Speeds */
+.ui.fast.loading.loading:after,
+.ui.fast.loading.loading .input > i.icon:after,
+.ui.fast.loading.loading > i.icon:after,
 .ui.fast.loader:after {
-  -webkit-animation: loader 0.3s linear;
-          animation: loader 0.3s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
 }
+.ui.slow.loading.loading:after,
+.ui.slow.loading.loading .input > i.icon:after,
+.ui.slow.loading.loading > i.icon:after,
 .ui.slow.loader:after {
-  -webkit-animation: loader 0.9s linear;
-          animation: loader 0.9s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  -webkit-animation-duration: 0.9s;
+          animation-duration: 0.9s;
 }
 
 /* Active Animation */
 @-webkit-keyframes loader {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
+  100% {
     -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
   }
 }
 @keyframes loader {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
+  100% {
     -webkit-transform: rotate(360deg);
             transform: rotate(360deg);
   }
@@ -100,49 +90,49 @@
 .ui.mini.loader:after {
   width: 1rem;
   height: 1rem;
-  margin: 0em 0em 0em -0.5rem;
+  margin: 0 0 0 -0.5rem;
 }
 .ui.tiny.loader:before,
 .ui.tiny.loader:after {
   width: 1.14285714rem;
   height: 1.14285714rem;
-  margin: 0em 0em 0em -0.57142857rem;
+  margin: 0 0 0 -0.57142857rem;
 }
 .ui.small.loader:before,
 .ui.small.loader:after {
   width: 1.71428571rem;
   height: 1.71428571rem;
-  margin: 0em 0em 0em -0.85714286rem;
+  margin: 0 0 0 -0.85714286rem;
 }
 .ui.loader:before,
 .ui.loader:after {
   width: 2.28571429rem;
   height: 2.28571429rem;
-  margin: 0em 0em 0em -1.14285714rem;
+  margin: 0 0 0 -1.14285714rem;
 }
 .ui.large.loader:before,
 .ui.large.loader:after {
   width: 3.42857143rem;
   height: 3.42857143rem;
-  margin: 0em 0em 0em -1.71428571rem;
+  margin: 0 0 0 -1.71428571rem;
 }
 .ui.big.loader:before,
 .ui.big.loader:after {
   width: 3.71428571rem;
   height: 3.71428571rem;
-  margin: 0em 0em 0em -1.85714286rem;
+  margin: 0 0 0 -1.85714286rem;
 }
 .ui.huge.loader:before,
 .ui.huge.loader:after {
   width: 4.14285714rem;
   height: 4.14285714rem;
-  margin: 0em 0em 0em -2.07142857rem;
+  margin: 0 0 0 -2.07142857rem;
 }
 .ui.massive.loader:before,
 .ui.massive.loader:after {
   width: 4.57142857rem;
   height: 4.57142857rem;
-  margin: 0em 0em 0em -2.28571429rem;
+  margin: 0 0 0 -2.28571429rem;
 }
 
 /*-------------------
@@ -159,23 +149,17 @@
 .ui.dimmer .ui.loader {
   color: rgba(255, 255, 255, 0.9);
 }
-.ui.dimmer .ui.loader:before {
+.ui.dimmer .ui.loader:not(.elastic):before {
   border-color: rgba(255, 255, 255, 0.15);
 }
-.ui.dimmer .ui.loader:after {
-  border-color: #FFFFFF transparent transparent;
-}
 
 /* White Dimmer (Inverted) */
 .ui.inverted.dimmer .ui.loader {
   color: rgba(0, 0, 0, 0.87);
 }
-.ui.inverted.dimmer .ui.loader:before {
+.ui.inverted.dimmer .ui.loader:not(.elastic):before {
   border-color: rgba(0, 0, 0, 0.1);
 }
-.ui.inverted.dimmer .ui.loader:after {
-  border-color: #767676 transparent transparent;
-}
 
 
 /*******************************
@@ -312,111 +296,340 @@
        Colors
 --------------------*/
 
-.ui.primary.loader:after {
-  border-color: #2185D0 transparent transparent;
-}
-.ui.secondary.loader:after {
-  border-color: #1B1C1D transparent transparent;
-}
-.ui.red.loader:after {
-  border-color: #DB2828 transparent transparent;
-}
-.ui.orange.loader:after {
-  border-color: #F2711C transparent transparent;
-}
-.ui.yellow.loader:after {
-  border-color: #FBBD08 transparent transparent;
-}
-.ui.olive.loader:after {
-  border-color: #B5CC18 transparent transparent;
-}
-.ui.green.loader:after {
-  border-color: #21BA45 transparent transparent;
-}
-.ui.teal.loader:after {
-  border-color: #00B5AD transparent transparent;
-}
-.ui.blue.loader:after {
-  border-color: #2185D0 transparent transparent;
-}
-.ui.violet.loader:after {
-  border-color: #6435C9 transparent transparent;
-}
-.ui.purple.loader:after {
-  border-color: #A333C8 transparent transparent;
-}
-.ui.pink.loader:after {
-  border-color: #E03997 transparent transparent;
-}
-.ui.brown.loader:after {
-  border-color: #A5673F transparent transparent;
-}
-.ui.grey.loader:after {
-  border-color: #767676 transparent transparent;
-}
-.ui.black.loader:after {
-  border-color: #1B1C1D transparent transparent;
-}
-
-/*-------------------
-       Inverted
---------------------*/
-
-.ui.inverted.loader {
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.inverted.loader:before {
-  border-color: rgba(255, 255, 255, 0.15);
-}
-.ui.inverted.loader:after {
-  border-top-color: #FFFFFF;
-}
-
-/* Colors */
-.ui.inverted.primary.loader:after {
-  border-color: #54C8FF transparent transparent;
-}
-.ui.inverted.secondary.loader:after {
-  border-color: #545454 transparent transparent;
-}
-.ui.inverted.red.loader:after {
-  border-color: #FF695E transparent transparent;
-}
-.ui.inverted.orange.loader:after {
-  border-color: #FF851B transparent transparent;
-}
-.ui.inverted.yellow.loader:after {
-  border-color: #FFE21F transparent transparent;
-}
-.ui.inverted.olive.loader:after {
-  border-color: #D9E778 transparent transparent;
-}
-.ui.inverted.green.loader:after {
-  border-color: #2ECC40 transparent transparent;
-}
-.ui.inverted.teal.loader:after {
-  border-color: #6DFFFF transparent transparent;
-}
-.ui.inverted.blue.loader:after {
-  border-color: #54C8FF transparent transparent;
-}
-.ui.inverted.violet.loader:after {
-  border-color: #A291FB transparent transparent;
-}
-.ui.inverted.purple.loader:after {
-  border-color: #DC73FF transparent transparent;
-}
-.ui.inverted.pink.loader:after {
-  border-color: #FF8EDF transparent transparent;
-}
-.ui.inverted.brown.loader:after {
-  border-color: #D67C1C transparent transparent;
-}
-.ui.inverted.grey.loader:after {
-  border-color: #DCDDDE transparent transparent;
-}
-.ui.inverted.black.loader:after {
-  border-color: #545454 transparent transparent;
+.ui.primary.elastic.loader.loader:before,
+.ui.primary.basic.elastic.loading.button:before,
+.ui.primary.basic.elastic.loading.button:after,
+.ui.primary.elastic.loading.loading.loading:not(.segment):before,
+.ui.primary.elastic.loading.loading.loading .input > i.icon:before,
+.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.primary.loading.loading.loading.loading .input > i.icon:after,
+.ui.primary.loading.loading.loading.loading > i.icon:after,
+.ui.primary.loader.loader.loader:after {
+  color: #2185D0;
+}
+.ui.inverted.primary.elastic.loader:before,
+.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.primary.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.primary.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.primary.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.primary.loader.loader.loader:after {
+  color: #54C8FF;
+}
+.ui.secondary.elastic.loader.loader:before,
+.ui.secondary.basic.elastic.loading.button:before,
+.ui.secondary.basic.elastic.loading.button:after,
+.ui.secondary.elastic.loading.loading.loading:not(.segment):before,
+.ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
+.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.secondary.loading.loading.loading.loading .input > i.icon:after,
+.ui.secondary.loading.loading.loading.loading > i.icon:after,
+.ui.secondary.loader.loader.loader:after {
+  color: #1B1C1D;
+}
+.ui.inverted.secondary.elastic.loader:before,
+.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.secondary.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.secondary.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.secondary.loader.loader.loader:after {
+  color: #545454;
+}
+.ui.red.elastic.loader.loader:before,
+.ui.red.basic.elastic.loading.button:before,
+.ui.red.basic.elastic.loading.button:after,
+.ui.red.elastic.loading.loading.loading:not(.segment):before,
+.ui.red.elastic.loading.loading.loading .input > i.icon:before,
+.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.red.loading.loading.loading.loading .input > i.icon:after,
+.ui.red.loading.loading.loading.loading > i.icon:after,
+.ui.red.loader.loader.loader:after {
+  color: #DB2828;
+}
+.ui.inverted.red.elastic.loader:before,
+.ui.inverted.red.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.red.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.red.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.red.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.red.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.red.loader.loader.loader:after {
+  color: #FF695E;
+}
+.ui.orange.elastic.loader.loader:before,
+.ui.orange.basic.elastic.loading.button:before,
+.ui.orange.basic.elastic.loading.button:after,
+.ui.orange.elastic.loading.loading.loading:not(.segment):before,
+.ui.orange.elastic.loading.loading.loading .input > i.icon:before,
+.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.orange.loading.loading.loading.loading .input > i.icon:after,
+.ui.orange.loading.loading.loading.loading > i.icon:after,
+.ui.orange.loader.loader.loader:after {
+  color: #F2711C;
+}
+.ui.inverted.orange.elastic.loader:before,
+.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.orange.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.orange.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.orange.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.orange.loader.loader.loader:after {
+  color: #FF851B;
+}
+.ui.yellow.elastic.loader.loader:before,
+.ui.yellow.basic.elastic.loading.button:before,
+.ui.yellow.basic.elastic.loading.button:after,
+.ui.yellow.elastic.loading.loading.loading:not(.segment):before,
+.ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
+.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.yellow.loading.loading.loading.loading .input > i.icon:after,
+.ui.yellow.loading.loading.loading.loading > i.icon:after,
+.ui.yellow.loader.loader.loader:after {
+  color: #FBBD08;
+}
+.ui.inverted.yellow.elastic.loader:before,
+.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.yellow.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.yellow.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.yellow.loader.loader.loader:after {
+  color: #FFE21F;
+}
+.ui.olive.elastic.loader.loader:before,
+.ui.olive.basic.elastic.loading.button:before,
+.ui.olive.basic.elastic.loading.button:after,
+.ui.olive.elastic.loading.loading.loading:not(.segment):before,
+.ui.olive.elastic.loading.loading.loading .input > i.icon:before,
+.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.olive.loading.loading.loading.loading .input > i.icon:after,
+.ui.olive.loading.loading.loading.loading > i.icon:after,
+.ui.olive.loader.loader.loader:after {
+  color: #B5CC18;
+}
+.ui.inverted.olive.elastic.loader:before,
+.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.olive.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.olive.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.olive.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.olive.loader.loader.loader:after {
+  color: #D9E778;
+}
+.ui.green.elastic.loader.loader:before,
+.ui.green.basic.elastic.loading.button:before,
+.ui.green.basic.elastic.loading.button:after,
+.ui.green.elastic.loading.loading.loading:not(.segment):before,
+.ui.green.elastic.loading.loading.loading .input > i.icon:before,
+.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.green.loading.loading.loading.loading .input > i.icon:after,
+.ui.green.loading.loading.loading.loading > i.icon:after,
+.ui.green.loader.loader.loader:after {
+  color: #21BA45;
+}
+.ui.inverted.green.elastic.loader:before,
+.ui.inverted.green.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.green.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.green.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.green.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.green.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.green.loader.loader.loader:after {
+  color: #2ECC40;
+}
+.ui.teal.elastic.loader.loader:before,
+.ui.teal.basic.elastic.loading.button:before,
+.ui.teal.basic.elastic.loading.button:after,
+.ui.teal.elastic.loading.loading.loading:not(.segment):before,
+.ui.teal.elastic.loading.loading.loading .input > i.icon:before,
+.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.teal.loading.loading.loading.loading .input > i.icon:after,
+.ui.teal.loading.loading.loading.loading > i.icon:after,
+.ui.teal.loader.loader.loader:after {
+  color: #00B5AD;
+}
+.ui.inverted.teal.elastic.loader:before,
+.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.teal.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.teal.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.teal.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.teal.loader.loader.loader:after {
+  color: #6DFFFF;
+}
+.ui.blue.elastic.loader.loader:before,
+.ui.blue.basic.elastic.loading.button:before,
+.ui.blue.basic.elastic.loading.button:after,
+.ui.blue.elastic.loading.loading.loading:not(.segment):before,
+.ui.blue.elastic.loading.loading.loading .input > i.icon:before,
+.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.blue.loading.loading.loading.loading .input > i.icon:after,
+.ui.blue.loading.loading.loading.loading > i.icon:after,
+.ui.blue.loader.loader.loader:after {
+  color: #2185D0;
+}
+.ui.inverted.blue.elastic.loader:before,
+.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.blue.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.blue.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.blue.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.blue.loader.loader.loader:after {
+  color: #54C8FF;
+}
+.ui.violet.elastic.loader.loader:before,
+.ui.violet.basic.elastic.loading.button:before,
+.ui.violet.basic.elastic.loading.button:after,
+.ui.violet.elastic.loading.loading.loading:not(.segment):before,
+.ui.violet.elastic.loading.loading.loading .input > i.icon:before,
+.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.violet.loading.loading.loading.loading .input > i.icon:after,
+.ui.violet.loading.loading.loading.loading > i.icon:after,
+.ui.violet.loader.loader.loader:after {
+  color: #6435C9;
+}
+.ui.inverted.violet.elastic.loader:before,
+.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.violet.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.violet.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.violet.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.violet.loader.loader.loader:after {
+  color: #A291FB;
+}
+.ui.purple.elastic.loader.loader:before,
+.ui.purple.basic.elastic.loading.button:before,
+.ui.purple.basic.elastic.loading.button:after,
+.ui.purple.elastic.loading.loading.loading:not(.segment):before,
+.ui.purple.elastic.loading.loading.loading .input > i.icon:before,
+.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.purple.loading.loading.loading.loading .input > i.icon:after,
+.ui.purple.loading.loading.loading.loading > i.icon:after,
+.ui.purple.loader.loader.loader:after {
+  color: #A333C8;
+}
+.ui.inverted.purple.elastic.loader:before,
+.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.purple.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.purple.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.purple.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.purple.loader.loader.loader:after {
+  color: #DC73FF;
+}
+.ui.pink.elastic.loader.loader:before,
+.ui.pink.basic.elastic.loading.button:before,
+.ui.pink.basic.elastic.loading.button:after,
+.ui.pink.elastic.loading.loading.loading:not(.segment):before,
+.ui.pink.elastic.loading.loading.loading .input > i.icon:before,
+.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.pink.loading.loading.loading.loading .input > i.icon:after,
+.ui.pink.loading.loading.loading.loading > i.icon:after,
+.ui.pink.loader.loader.loader:after {
+  color: #E03997;
+}
+.ui.inverted.pink.elastic.loader:before,
+.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.pink.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.pink.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.pink.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.pink.loader.loader.loader:after {
+  color: #FF8EDF;
+}
+.ui.brown.elastic.loader.loader:before,
+.ui.brown.basic.elastic.loading.button:before,
+.ui.brown.basic.elastic.loading.button:after,
+.ui.brown.elastic.loading.loading.loading:not(.segment):before,
+.ui.brown.elastic.loading.loading.loading .input > i.icon:before,
+.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.brown.loading.loading.loading.loading .input > i.icon:after,
+.ui.brown.loading.loading.loading.loading > i.icon:after,
+.ui.brown.loader.loader.loader:after {
+  color: #A5673F;
+}
+.ui.inverted.brown.elastic.loader:before,
+.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.brown.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.brown.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.brown.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.brown.loader.loader.loader:after {
+  color: #D67C1C;
+}
+.ui.grey.elastic.loader.loader:before,
+.ui.grey.basic.elastic.loading.button:before,
+.ui.grey.basic.elastic.loading.button:after,
+.ui.grey.elastic.loading.loading.loading:not(.segment):before,
+.ui.grey.elastic.loading.loading.loading .input > i.icon:before,
+.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.grey.loading.loading.loading.loading .input > i.icon:after,
+.ui.grey.loading.loading.loading.loading > i.icon:after,
+.ui.grey.loader.loader.loader:after {
+  color: #767676;
+}
+.ui.inverted.grey.elastic.loader:before,
+.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.grey.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.grey.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.grey.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.grey.loader.loader.loader:after {
+  color: #DCDDDE;
+}
+.ui.black.elastic.loader.loader:before,
+.ui.black.basic.elastic.loading.button:before,
+.ui.black.basic.elastic.loading.button:after,
+.ui.black.elastic.loading.loading.loading:not(.segment):before,
+.ui.black.elastic.loading.loading.loading .input > i.icon:before,
+.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
+.ui.black.loading.loading.loading.loading .input > i.icon:after,
+.ui.black.loading.loading.loading.loading > i.icon:after,
+.ui.black.loader.loader.loader:after {
+  color: #1B1C1D;
+}
+.ui.inverted.black.elastic.loader:before,
+.ui.inverted.black.elastic.loading.loading.loading:not(.segment):before,
+.ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before,
+.ui.inverted.black.elastic.loading.loading.loading > i.icon:before,
+.ui.inverted.black.loading.loading.loading.loading:not(.usual):after,
+.ui.inverted.black.loading.loading.loading.loading .input > i.icon:after,
+.ui.inverted.black.loading.loading.loading.loading > i.icon:after,
+.ui.inverted.black.loader.loader.loader:after {
+  color: #545454;
+}
+.ui.elastic.loader.loader:before,
+.ui.elastic.loading.loading.loading:before,
+.ui.elastic.loading.loading.loading .input > i.icon:before,
+.ui.elastic.loading.loading.loading > i.icon:before,
+.ui.loading.loading.loading.loading:not(.usual):after,
+.ui.loading.loading.loading.loading .input > i.icon:after,
+.ui.loading.loading.loading.loading > i.icon:after,
+.ui.loader.loader.loader:after {
+  border-color: currentColor;
+}
+.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
+  color: #FFFFFF;
+}
+.ui.elastic.basic.loading.button:before,
+.ui.elastic.basic.loading.button:after {
+  color: #767676;
+}
+.ui.double.loading.loading.loading.loading.button:after {
+  border-bottom-color: currentColor;
 }
 
 /*-------------------
@@ -426,9 +639,9 @@
 .ui.inline.loader {
   position: relative;
   vertical-align: middle;
-  margin: 0em;
-  left: 0em;
-  top: 0em;
+  margin: 0;
+  left: 0;
+  top: 0;
   -webkit-transform: none;
           transform: none;
 }
@@ -444,6 +657,148 @@
   margin-left: auto;
   margin-right: auto;
 }
+.ui.loading.loading.loading.loading.loading.loading:after,
+.ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
+.ui.loading.loading.loading.loading.loading.loading > i.icon:after,
+.ui.loader.loader.loader.loader.loader:after {
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
+.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
+.ui.loader.loader.loader.loader.loader.loader:not(.double):after {
+  border-bottom-color: transparent;
+}
+.ui.loading.loading.loading.loading.loading.loading.segment:after,
+.ui.loading.loading.loading.loading.loading.loading.form:after {
+  border-left-color: rgba(0, 0, 0, 0.1);
+  border-right-color: rgba(0, 0, 0, 0.1);
+}
+.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
+.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
+  border-bottom-color: rgba(0, 0, 0, 0.1);
+}
+
+/*-------------------
+       Elastic
+--------------------*/
+
+.ui.dimmer .ui.elastic.loader {
+  color: #FFFFFF;
+}
+.ui.inverted.dimmer .ui.elastic.loader {
+  color: #767676;
+}
+.ui.elastic.loading.loading:not(.form):not(.segment):after,
+.ui.elastic.loading.loading .input > i.icon:after,
+.ui.elastic.loading.loading > i.icon:after,
+.ui.elastic.loader.loader:after {
+  -webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
+          animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+}
+.ui.elastic.loading.loading.loading:not(.form):not(.segment):before,
+.ui.elastic.loading.loading.loading .input > i.icon:before,
+.ui.elastic.loading.loading.loading > i.icon:before,
+.ui.elastic.loader.loader:before {
+  -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
+          animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
+  border-right-color: transparent;
+}
+.ui.elastic.inline.loader:empty {
+  -webkit-animation: loader 8s infinite linear;
+          animation: loader 8s infinite linear;
+}
+.ui.slow.elastic.loading.loading:not(.form):not(.segment):after,
+.ui.slow.elastic.loading.loading .input > i.icon:after,
+.ui.slow.elastic.loading.loading > i.icon:after,
+.ui.slow.elastic.loader.loader:after {
+  -webkit-animation-duration: 1.5s;
+          animation-duration: 1.5s;
+  -webkit-animation-delay: 0.45s;
+          animation-delay: 0.45s;
+}
+.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before,
+.ui.slow.elastic.loading.loading.loading .input > i.icon:before,
+.ui.slow.elastic.loading.loading.loading > i.icon:before,
+.ui.slow.elastic.loader.loader:before {
+  -webkit-animation-duration: 1.5s;
+          animation-duration: 1.5s;
+}
+.ui.fast.elastic.loading.loading:not(.form):not(.segment):after,
+.ui.fast.elastic.loading.loading .input > i.icon:after,
+.ui.fast.elastic.loading.loading > i.icon:after,
+.ui.fast.elastic.loader.loader:after {
+  -webkit-animation-duration: 0.66s;
+          animation-duration: 0.66s;
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before,
+.ui.fast.elastic.loading.loading.loading .input > i.icon:before,
+.ui.fast.elastic.loading.loading.loading > i.icon:before,
+.ui.fast.elastic.loader.loader:before {
+  -webkit-animation-duration: 0.66s;
+          animation-duration: 0.66s;
+}
+@-webkit-keyframes elastic-loader {
+  0%,
+  1% {
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+  }
+  1.1%,
+  50% {
+    border-left-color: inherit;
+  }
+  10%,
+  35.1% {
+    border-bottom-color: transparent;
+  }
+  10.1%,
+  35% {
+    border-bottom-color: inherit;
+  }
+  50.1% {
+    border-left-color: transparent;
+  }
+  100% {
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes elastic-loader {
+  0%,
+  1% {
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+  }
+  1.1%,
+  50% {
+    border-left-color: inherit;
+  }
+  10%,
+  35.1% {
+    border-bottom-color: transparent;
+  }
+  10.1%,
+  35% {
+    border-bottom-color: inherit;
+  }
+  50.1% {
+    border-left-color: transparent;
+  }
+  100% {
+    border-left-color: transparent;
+    border-bottom-color: transparent;
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
 
 
 /*******************************