fomantic-ui-sass 2.8.6 → 2.8.8

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Input
+ * # Fomantic-UI 2.8.8 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -62,6 +62,7 @@
 }
 .ui.input > input::-moz-placeholder {
   color: rgba(191, 191, 191, 0.87);
+  opacity: 1;
 }
 .ui.input > input:-ms-input-placeholder {
   color: rgba(191, 191, 191, 0.87);
@@ -458,7 +459,7 @@
 .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
   padding-right: 3.25em !important;
 }
-.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
   margin-right: 1.25em;
 }
 
@@ -471,13 +472,13 @@
 .ui[class*="left corner labeled"].icon.input > input {
   padding-left: 3.25em !important;
 }
-.ui[class*="left corner labeled"].icon.input > .icon {
+.ui[class*="left corner labeled"].icon.input > i.icon {
   margin-left: 1.25em;
 }
-.ui.icon.input > textarea ~ .icon {
+.ui.icon.input > textarea ~ i.icon {
   height: 3em;
 }
-:not(.field) > .ui.transparent.icon.input > textarea ~ .icon {
+:not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
   height: 1.3em;
 }
 
@@ -492,95 +493,95 @@
 }
 
 /* Labeled and action input states */
-.ui.form > .field.error > .ui.action.input > .ui.button,
-.ui.form > .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.error > .ui.action.input > .ui.button,
+.ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.error > .ui.button,
 .ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
   border-top: 1px solid #E0B4B4;
   border-bottom: 1px solid #E0B4B4;
 }
-.ui.form > .field.error > .ui[class*="left action"].input > .ui.button,
-.ui.form > .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.error > .ui[class*="left action"].input > .ui.button,
+.ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui[class*="left action"].input.error > .ui.button,
 .ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
   border-left: 1px solid #E0B4B4;
 }
-.ui.form > .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
-.ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
+.ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
+.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.error:not([class*="left action"]) > input + .ui.button,
 .ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
   border-right: 1px solid #E0B4B4;
 }
-.ui.form > .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
+.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
   border-left: 1px solid #E0B4B4;
 }
-.ui.form > .field.info > .ui.action.input > .ui.button,
-.ui.form > .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.info > .ui.action.input > .ui.button,
+.ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.info > .ui.button,
 .ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
   border-top: 1px solid #A9D5DE;
   border-bottom: 1px solid #A9D5DE;
 }
-.ui.form > .field.info > .ui[class*="left action"].input > .ui.button,
-.ui.form > .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.info > .ui[class*="left action"].input > .ui.button,
+.ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui[class*="left action"].input.info > .ui.button,
 .ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
   border-left: 1px solid #A9D5DE;
 }
-.ui.form > .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
-.ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
+.ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
+.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.info:not([class*="left action"]) > input + .ui.button,
 .ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
   border-right: 1px solid #A9D5DE;
 }
-.ui.form > .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
+.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
   border-left: 1px solid #A9D5DE;
 }
-.ui.form > .field.success > .ui.action.input > .ui.button,
-.ui.form > .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.success > .ui.action.input > .ui.button,
+.ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.success > .ui.button,
 .ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
   border-top: 1px solid #A3C293;
   border-bottom: 1px solid #A3C293;
 }
-.ui.form > .field.success > .ui[class*="left action"].input > .ui.button,
-.ui.form > .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.success > .ui[class*="left action"].input > .ui.button,
+.ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui[class*="left action"].input.success > .ui.button,
 .ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
   border-left: 1px solid #A3C293;
 }
-.ui.form > .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
-.ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
+.ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
+.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.success:not([class*="left action"]) > input + .ui.button,
 .ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
   border-right: 1px solid #A3C293;
 }
-.ui.form > .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
+.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
   border-left: 1px solid #A3C293;
 }
-.ui.form > .field.warning > .ui.action.input > .ui.button,
-.ui.form > .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.warning > .ui.action.input > .ui.button,
+.ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
 .ui.action.input.warning > .ui.button,
 .ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
   border-top: 1px solid #C9BA9B;
   border-bottom: 1px solid #C9BA9B;
 }
-.ui.form > .field.warning > .ui[class*="left action"].input > .ui.button,
-.ui.form > .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
+.ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
+.ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
 .ui[class*="left action"].input.warning > .ui.button,
 .ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
   border-left: 1px solid #C9BA9B;
 }
-.ui.form > .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
-.ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
+.ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
+.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
 .ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
 .ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
   border-right: 1px solid #C9BA9B;
 }
-.ui.form > .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
+.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
 .ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
   border-left: 1px solid #C9BA9B;
 }

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - List
+ * # Fomantic-UI 2.8.8 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -143,16 +143,16 @@ ol.ui.list ol li,
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.list .list > .item > .image + .content,
-.ui.list .list > .item > .icon + .content,
+.ui.list .list > .item > i.icon + .content,
 .ui.list > .item > .image + .content,
-.ui.list > .item > .icon + .content {
+.ui.list > .item > i.icon + .content {
   display: table-cell;
   width: 100%;
   padding: 0 0 0 0.5em;
   vertical-align: top;
 }
-.ui.list .list > .item > .loading.icon + .content,
-.ui.list > .item > .loading.icon + .content {
+.ui.list .list > .item > i.loading.icon + .content,
+.ui.list > .item > i.loading.icon + .content {
   padding-left: calc(0.2857142857142857em + 0.5em);
 }
 .ui.list .list > .item > img.image + .content,
@@ -295,8 +295,8 @@ ol.ui.list ol li,
 }
 .ui.horizontal.list > .item > .image,
 .ui.horizontal.list .list > .item > .image,
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > i.icon,
+.ui.horizontal.list .list > .item > i.icon,
 .ui.horizontal.list > .item > .content,
 .ui.horizontal.list .list > .item > .content {
   vertical-align: middle;
@@ -316,8 +316,8 @@ ol.ui.list ol li,
   padding: 0 0.25em 0 0;
 }
 .ui.horizontal.list > .item > .image + .content,
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list > .item > .icon + .content {
+.ui.horizontal.list > .item > i.icon,
+.ui.horizontal.list > .item > i.icon + .content {
   float: none;
   display: inline-block;
   width: auto;
@@ -352,8 +352,8 @@ ol.ui.list ol li,
 
 .ui.list .list > a.item:hover > .icons,
 .ui.list > a.item:hover > .icons,
-.ui.list .list > a.item:hover > .icon,
-.ui.list > a.item:hover > .icon {
+.ui.list .list > a.item:hover > i.icon,
+.ui.list > a.item:hover > i.icon {
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -367,8 +367,8 @@ ol.ui.list ol li,
          Inverted
   --------------------*/
 
-.ui.inverted.list .list > a.item > .icon,
-.ui.inverted.list > a.item > .icon {
+.ui.inverted.list .list > a.item > i.icon,
+.ui.inverted.list > a.item > i.icon {
   color: rgba(255, 255, 255, 0.7);
 }
 .ui.inverted.list .list > .item .header,

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Loader
+ * # Fomantic-UI 2.8.8 - Loader
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -285,7 +285,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.primary.elastic.loading.loading.loading .input > i.icon:before,
 .ui.primary.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -295,7 +295,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -307,7 +307,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
 .ui.secondary.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -317,7 +317,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -329,7 +329,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.red.elastic.loading.loading.loading .input > i.icon:before,
 .ui.red.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -339,7 +339,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -351,7 +351,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.orange.elastic.loading.loading.loading .input > i.icon:before,
 .ui.orange.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -361,7 +361,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -373,7 +373,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
 .ui.yellow.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -383,7 +383,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -395,7 +395,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.olive.elastic.loading.loading.loading .input > i.icon:before,
 .ui.olive.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -405,7 +405,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -417,7 +417,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.green.elastic.loading.loading.loading .input > i.icon:before,
 .ui.green.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -427,7 +427,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -439,7 +439,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.teal.elastic.loading.loading.loading .input > i.icon:before,
 .ui.teal.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -449,7 +449,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -461,7 +461,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.blue.elastic.loading.loading.loading .input > i.icon:before,
 .ui.blue.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -471,7 +471,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -483,7 +483,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.violet.elastic.loading.loading.loading .input > i.icon:before,
 .ui.violet.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -493,7 +493,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -505,7 +505,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.purple.elastic.loading.loading.loading .input > i.icon:before,
 .ui.purple.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -515,7 +515,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -527,7 +527,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.pink.elastic.loading.loading.loading .input > i.icon:before,
 .ui.pink.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -537,7 +537,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -549,7 +549,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.brown.elastic.loading.loading.loading .input > i.icon:before,
 .ui.brown.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -559,7 +559,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -571,7 +571,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.grey.elastic.loading.loading.loading .input > i.icon:before,
 .ui.grey.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -581,7 +581,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -593,7 +593,7 @@
 .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:not(.segment):not(.segments):not(.card):before,
 .ui.black.elastic.loading.loading.loading .input > i.icon:before,
 .ui.black.elastic.loading.loading.loading.loading > i.icon:before,
 .ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
@@ -603,7 +603,7 @@
   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:not(.segment):not(.segments):not(.card):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,
@@ -671,11 +671,15 @@
 .ui.loader.loader.loader.loader.loader.loader:not(.double):after {
   border-bottom-color: transparent;
 }
+.ui.loading.loading.loading.loading.loading.loading.card:after,
+.ui.loading.loading.loading.loading.loading.loading.segments:after,
 .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.card:not(.double):after,
+.ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
 .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);
@@ -691,7 +695,7 @@
 .ui.inverted.dimmer > .ui.elastic.loader {
   color: #767676;
 }
-.ui.elastic.loading.loading:not(.form):not(.segment):after,
+.ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
 .ui.elastic.loading.loading .input > i.icon:after,
 .ui.elastic.loading.loading > i.icon:after,
 .ui.elastic.loader.loader:after {
@@ -700,7 +704,7 @@
   -webkit-animation-delay: 0.3s;
           animation-delay: 0.3s;
 }
-.ui.elastic.loading.loading.loading:not(.form):not(.segment):before,
+.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
 .ui.elastic.loading.loading.loading .input > i.icon:before,
 .ui.elastic.loading.loading.loading > i.icon:before,
 .ui.elastic.loader.loader:before {
@@ -713,7 +717,7 @@
   -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:not(.form):not(.segment):not(.segments):not(.card):after,
 .ui.slow.elastic.loading.loading .input > i.icon:after,
 .ui.slow.elastic.loading.loading > i.icon:after,
 .ui.slow.elastic.loader.loader:after {
@@ -722,14 +726,14 @@
   -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:not(.form):not(.segment):not(.segments):not(.card):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:not(.form):not(.segment):not(.segments):not(.card):after,
 .ui.fast.elastic.loading.loading .input > i.icon:after,
 .ui.fast.elastic.loading.loading > i.icon:after,
 .ui.fast.elastic.loader.loader:after {
@@ -738,7 +742,7 @@
   -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:not(.form):not(.segment):not(.segments):not(.card):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 {

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

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

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

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

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

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