fomantic-ui 2.8.8-beta.99 → 2.9.0-beta.100

package/dist/components/image.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Image
+ * # Fomantic-UI 2.9.0-beta.100 - Image
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/input.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Input
+ * # Fomantic-UI 2.9.0-beta.100 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -38,7 +38,6 @@
   text-align: left;
   line-height: 1.21428571em;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  padding: 0.67857143em 1em;
   background: #FFFFFF;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
@@ -50,6 +49,9 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.ui.input > input:not([type="color"]) {
+  padding: 0.67857143em 1em;
+}
 
 /*--------------------
       Placeholder
@@ -167,6 +169,19 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.ui.input > input:not(:placeholder-shown):invalid {
+  background-color: #FFF6F6;
+  border-color: #E0B4B4;
+  color: #9F3A38;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ui.input > input:not(:-ms-input-placeholder):invalid {
+  background-color: #FFF6F6;
+  border-color: #E0B4B4;
+  color: #9F3A38;
+  box-shadow: none;
+}
 
 /* Placeholder */
 .ui.input.error > input::-webkit-input-placeholder {

package/dist/components/input.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI - Input
+ * # Fomantic-UI 2.9.0-beta.100 - Input
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87);opacity:1}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.input.info>input{background-color:#f8ffff;border-color:#a9d5de;color:#276f86;-webkit-box-shadow:none;box-shadow:none}.ui.input.info>input::-webkit-input-placeholder{color:#98cfe1}.ui.input.info>input::-moz-placeholder{color:#98cfe1}.ui.input.info>input:-ms-input-placeholder{color:#98cfe1!important}.ui.input.info>input:focus::-webkit-input-placeholder{color:#70bdd6}.ui.input.info>input:focus::-moz-placeholder{color:#70bdd6}.ui.input.info>input:focus:-ms-input-placeholder{color:#70bdd6!important}.ui.input.success>input{background-color:#fcfff5;border-color:#a3c293;color:#2c662d;-webkit-box-shadow:none;box-shadow:none}.ui.input.success>input::-webkit-input-placeholder{color:#8fcf90}.ui.input.success>input::-moz-placeholder{color:#8fcf90}.ui.input.success>input:-ms-input-placeholder{color:#8fcf90!important}.ui.input.success>input:focus::-webkit-input-placeholder{color:#6cbf6d}.ui.input.success>input:focus::-moz-placeholder{color:#6cbf6d}.ui.input.success>input:focus:-ms-input-placeholder{color:#6cbf6d!important}.ui.input.warning>input{background-color:#fffaf3;border-color:#c9ba9b;color:#573a08;-webkit-box-shadow:none;box-shadow:none}.ui.input.warning>input::-webkit-input-placeholder{color:#edad3e}.ui.input.warning>input::-moz-placeholder{color:#edad3e}.ui.input.warning>input:-ms-input-placeholder{color:#edad3e!important}.ui.input.warning>input:focus::-webkit-input-placeholder{color:#e39715}.ui.input.warning>input:focus::-moz-placeholder{color:#e39715}.ui.input.warning>input:focus:-ms-input-placeholder{color:#e39715!important}.ui.transparent.input>input,.ui.transparent.input>textarea{border-color:transparent!important;background-color:transparent!important;padding:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.field .ui.transparent.input>textarea{padding:.67857143em 1em}:not(.field)>.ui.transparent.icon.input>i.icon{width:1.1em}:not(.field)>.ui.ui.ui.transparent.icon.input>input{padding-left:0;padding-right:2em}:not(.field)>.ui.ui.ui.transparent[class*="left icon"].input>input{padding-left:2em;padding-right:0}.ui.transparent.inverted.input{color:#fff}.ui.ui.transparent.inverted.input>input,.ui.ui.transparent.inverted.input>textarea{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.ui.ui.ui.icon.input>input,.ui.ui.ui.ui.icon.input>textarea{padding-right:2.67142857em}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui.ui.ui.ui[class*="left icon"].input>input,.ui.ui.ui.ui[class*="left icon"].input>textarea{padding-left:2.67142857em;padding-right:1em}.ui.icon.input>input:focus~i.icon,.ui.icon.input>textarea:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input,.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>textarea{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input,.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>textarea{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>i.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input,.ui[class*="left corner labeled"].labeled.input>textarea{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input,.ui[class*="left corner labeled"].icon.input>textarea{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>i.icon{margin-left:1.25em}.ui.icon.input>textarea~i.icon{height:3em}:not(.field)>.ui.transparent.icon.input>textarea~i.icon{height:1.3em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input.error>.ui.button,.ui.form .field.error>.ui.action.input>.ui.button,.ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.error>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.error>.ui.button{border-left:1px solid #e0b4b4}.ui.action.input.error:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #e0b4b4}.ui.action.input.info>.ui.button,.ui.form .field.info>.ui.action.input>.ui.button,.ui.form .field.info>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.info>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.info:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.info>.ui.button{border-left:1px solid #a9d5de}.ui.action.input.info:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.info:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a9d5de}.ui.action.input.success>.ui.button,.ui.form .field.success>.ui.action.input>.ui.button,.ui.form .field.success>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.success>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.success:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.success>.ui.button{border-left:1px solid #a3c293}.ui.action.input.success:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.success:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a3c293}.ui.action.input.warning>.ui.button,.ui.form .field.warning>.ui.action.input>.ui.button,.ui.form .field.warning>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.warning>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.warning:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.warning>.ui.button{border-left:1px solid #c9ba9b}.ui.action.input.warning:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.warning:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #c9ba9b}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui[class*="left action"].input>input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.ui.action.input>.button:first-child,.ui.action.input>.buttons:first-child>.button,.ui.action.input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.action.input>.button:not(:first-child),.ui.action.input>.buttons:not(:first-child)>.button,.ui.action.input>.dropdown:not(:first-child){border-radius:0}.ui.action.input>.button:last-child,.ui.action.input>.buttons:last-child>.button,.ui.action.input>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9}.ui.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.input{font-size:1em}.ui.mini.input{font-size:.78571429em}.ui.tiny.input{font-size:.85714286em}.ui.small.input{font-size:.92857143em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em}
+ */.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input:not([type=color]){padding:.67857143em 1em}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87);opacity:1}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input>input:not(:placeholder-shown):invalid{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input>input:not(:-ms-input-placeholder):invalid{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.input.info>input{background-color:#f8ffff;border-color:#a9d5de;color:#276f86;-webkit-box-shadow:none;box-shadow:none}.ui.input.info>input::-webkit-input-placeholder{color:#98cfe1}.ui.input.info>input::-moz-placeholder{color:#98cfe1}.ui.input.info>input:-ms-input-placeholder{color:#98cfe1!important}.ui.input.info>input:focus::-webkit-input-placeholder{color:#70bdd6}.ui.input.info>input:focus::-moz-placeholder{color:#70bdd6}.ui.input.info>input:focus:-ms-input-placeholder{color:#70bdd6!important}.ui.input.success>input{background-color:#fcfff5;border-color:#a3c293;color:#2c662d;-webkit-box-shadow:none;box-shadow:none}.ui.input.success>input::-webkit-input-placeholder{color:#8fcf90}.ui.input.success>input::-moz-placeholder{color:#8fcf90}.ui.input.success>input:-ms-input-placeholder{color:#8fcf90!important}.ui.input.success>input:focus::-webkit-input-placeholder{color:#6cbf6d}.ui.input.success>input:focus::-moz-placeholder{color:#6cbf6d}.ui.input.success>input:focus:-ms-input-placeholder{color:#6cbf6d!important}.ui.input.warning>input{background-color:#fffaf3;border-color:#c9ba9b;color:#573a08;-webkit-box-shadow:none;box-shadow:none}.ui.input.warning>input::-webkit-input-placeholder{color:#edad3e}.ui.input.warning>input::-moz-placeholder{color:#edad3e}.ui.input.warning>input:-ms-input-placeholder{color:#edad3e!important}.ui.input.warning>input:focus::-webkit-input-placeholder{color:#e39715}.ui.input.warning>input:focus::-moz-placeholder{color:#e39715}.ui.input.warning>input:focus:-ms-input-placeholder{color:#e39715!important}.ui.transparent.input>input,.ui.transparent.input>textarea{border-color:transparent!important;background-color:transparent!important;padding:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.field .ui.transparent.input>textarea{padding:.67857143em 1em}:not(.field)>.ui.transparent.icon.input>i.icon{width:1.1em}:not(.field)>.ui.ui.ui.transparent.icon.input>input{padding-left:0;padding-right:2em}:not(.field)>.ui.ui.ui.transparent[class*="left icon"].input>input{padding-left:2em;padding-right:0}.ui.transparent.inverted.input{color:#fff}.ui.ui.transparent.inverted.input>input,.ui.ui.transparent.inverted.input>textarea{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.ui.ui.ui.icon.input>input,.ui.ui.ui.ui.icon.input>textarea{padding-right:2.67142857em}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui.ui.ui.ui[class*="left icon"].input>input,.ui.ui.ui.ui[class*="left icon"].input>textarea{padding-left:2.67142857em;padding-right:1em}.ui.icon.input>input:focus~i.icon,.ui.icon.input>textarea:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input,.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>textarea{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input,.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>textarea{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>i.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input,.ui[class*="left corner labeled"].labeled.input>textarea{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input,.ui[class*="left corner labeled"].icon.input>textarea{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>i.icon{margin-left:1.25em}.ui.icon.input>textarea~i.icon{height:3em}:not(.field)>.ui.transparent.icon.input>textarea~i.icon{height:1.3em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input.error>.ui.button,.ui.form .field.error>.ui.action.input>.ui.button,.ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.error>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.error>.ui.button{border-left:1px solid #e0b4b4}.ui.action.input.error:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #e0b4b4}.ui.action.input.info>.ui.button,.ui.form .field.info>.ui.action.input>.ui.button,.ui.form .field.info>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.info>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.info:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.info>.ui.button{border-left:1px solid #a9d5de}.ui.action.input.info:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.info:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a9d5de}.ui.action.input.success>.ui.button,.ui.form .field.success>.ui.action.input>.ui.button,.ui.form .field.success>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.success>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.success:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.success>.ui.button{border-left:1px solid #a3c293}.ui.action.input.success:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.success:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a3c293}.ui.action.input.warning>.ui.button,.ui.form .field.warning>.ui.action.input>.ui.button,.ui.form .field.warning>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.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.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.warning>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.warning:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.warning>.ui.button{border-left:1px solid #c9ba9b}.ui.action.input.warning:not([class*="left action"])>input+.ui.button,.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.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.right.labeled.input.warning:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #c9ba9b}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui[class*="left action"].input>input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.ui.action.input>.button:first-child,.ui.action.input>.buttons:first-child>.button,.ui.action.input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.action.input>.button:not(:first-child),.ui.action.input>.buttons:not(:first-child)>.button,.ui.action.input>.dropdown:not(:first-child){border-radius:0}.ui.action.input>.button:last-child,.ui.action.input>.buttons:last-child>.button,.ui.action.input>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9}.ui.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.input{font-size:1em}.ui.mini.input{font-size:.78571429em}.ui.tiny.input{font-size:.85714286em}.ui.small.input{font-size:.92857143em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em}

package/dist/components/item.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Item
+ * # Fomantic-UI 2.9.0-beta.100 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -75,8 +75,8 @@
 }
 
 /*--------------
-     Images
----------------*/
+       Images
+  ---------------*/
 
 .ui.items > .item > .image {
   position: relative;
@@ -152,8 +152,8 @@
 }
 
 /*--------------
-     Floated
----------------*/
+       Floated
+  ---------------*/
 
 .ui.items > .item [class*="left floated"] {
   float: left;
@@ -163,8 +163,8 @@
 }
 
 /*--------------
-  Content Image
----------------*/
+    Content Image
+  ---------------*/
 
 .ui.items > .item .content img {
   -ms-flex-item-align: center;
@@ -179,8 +179,8 @@
 }
 
 /*--------------
-   Description
----------------*/
+     Description
+  ---------------*/
 
 .ui.items > .item > .content > .description {
   margin-top: 0.6em;
@@ -202,8 +202,8 @@
 }
 
 /*--------------
-      Meta
----------------*/
+        Meta
+  ---------------*/
 
 .ui.items > .item .meta {
   margin: 0.5em 0 0.5em;
@@ -295,8 +295,8 @@
 }
 
 /*----------------
-  Extra Content
------------------*/
+    Extra Content
+  -----------------*/
 
 .ui.items > .item .extra {
   display: block;

package/dist/components/item.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Item
+ * # Fomantic-UI 2.9.0-beta.100 - Item
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/label.css

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

package/dist/components/label.min.css

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

package/dist/components/list.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - List
+ * # Fomantic-UI 2.9.0-beta.100 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/list.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - List
+ * # Fomantic-UI 2.9.0-beta.100 - List
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/loader.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Loader
+ * # Fomantic-UI 2.9.0-beta.100 - 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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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):not(.card):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,
@@ -672,12 +672,14 @@
   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);
@@ -693,7 +695,7 @@
 .ui.inverted.dimmer > .ui.elastic.loader {
   color: #767676;
 }
-.ui.elastic.loading.loading:not(.form):not(.segment):not(.card):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 {
@@ -702,7 +704,7 @@
   -webkit-animation-delay: 0.3s;
           animation-delay: 0.3s;
 }
-.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.card):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 {
@@ -715,7 +717,7 @@
   -webkit-animation: loader 8s infinite linear;
           animation: loader 8s infinite linear;
 }
-.ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.card):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 {
@@ -724,14 +726,14 @@
   -webkit-animation-delay: 0.45s;
           animation-delay: 0.45s;
 }
-.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.card):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):not(.card):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 {
@@ -740,7 +742,7 @@
   -webkit-animation-delay: 0.2s;
           animation-delay: 0.2s;
 }
-.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.card):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 {