fomantic-ui-sass 2.8.6 → 2.8.8

data/app/assets/stylesheets/semantic-ui/collections/_menu.scss

@@ -226,10 +226,12 @@
   margin: 0 0 0;
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
           box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
-  -webkit-box-orient: vertical !important;
-  -webkit-box-direction: normal !important;
-      -ms-flex-direction: column !important;
-          flex-direction: column !important;
+}
+.ui.menu .dropdown.item:not(.column) .menu {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 
 /* Menu Items */
@@ -263,7 +265,8 @@
 .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
   display: block;
 }
-.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
+.ui.menu .ui.dropdown .menu > .item > .icons,
+.ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
   display: inline-block;
   font-size: 1em !important;
   float: none;
@@ -289,7 +292,7 @@
 }
 
 /* Vertical */
-.ui.vertical.menu .dropdown.item > .icon {
+.ui.vertical.menu .dropdown.item > i.icon {
   float: right;
   content: "\f0da";
   margin-left: 1em;
@@ -1244,24 +1247,24 @@ Floated Menu / Item
 }
 
 /* Icon */
-.ui.icon.menu .item > .icon:not(.dropdown) {
+.ui.icon.menu .item > i.icon:not(.dropdown) {
   margin: 0;
   opacity: 1;
 }
 
 /* Icon Gylph */
-.ui.icon.menu .icon:before {
+.ui.icon.menu i.icon:before {
   opacity: 1;
 }
 
 /* (x) Item Icon */
-.ui.menu .icon.item > .icon {
+.ui.menu .icon.item > i.icon {
   width: auto;
   margin: 0 auto;
 }
 
 /* Vertical Icon */
-.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
+.ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
   display: block;
   opacity: 1;
   margin: 0 auto;
@@ -1293,7 +1296,7 @@ Floated Menu / Item
 }
 
 /* Icon */
-.ui.labeled.icon.menu > .item > .icon:not(.dropdown) {
+.ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
   height: 1em;
   display: block;
   font-size: 1.71428571em !important;

data/app/assets/stylesheets/semantic-ui/collections/_message.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Message
+ * # Fomantic-UI 2.8.8 - Message
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -101,9 +101,14 @@
 }
 
 /* Icon */
-.ui.message > .icon {
+.ui.icon.message > .icons,
+.ui.icon.message > i.icon {
   margin-right: 0.6em;
 }
+.ui.icon.message > .icons:last-child,
+.ui.icon.message > i.icon:last-child {
+  margin: 0 0 0 0.6em;
+}
 
 /* Close Icon */
 .ui.message > .close.icon {
@@ -169,6 +174,22 @@
             Variations
 *******************************/
 
+.ui.centered.message,
+.ui.center.aligned.message {
+  text-align: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.ui.centered.message > .content,
+.ui.center.aligned.message > .content {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+}
+.ui.right.aligned.message {
+  text-align: right;
+}
 
 /*--------------
       Compact
@@ -226,7 +247,8 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.ui.icon.message > .icon:not(.close) {
+.ui.icon.message > .icons,
+.ui.icon.message > i.icon:not(.close) {
   display: block;
   -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
@@ -244,10 +266,11 @@
           flex: 1 1 auto;
   vertical-align: middle;
 }
-.ui.icon.message .icon:not(.close) + .content {
+.ui.icon.message > .icons + .content,
+.ui.icon.message > i.icon:not(.close) + .content {
   padding-left: 0;
 }
-.ui.icon.message .circular.icon {
+.ui.icon.message > i.circular {
   width: 1em;
 }
 
@@ -285,6 +308,10 @@
 .ui.positive.message .header {
   color: #1A531B;
 }
+.ui.inverted.positive.message,
+.ui.inverted.positive.message .header {
+  color: #A3C293;
+}
 .ui.negative.message {
   background-color: #FFF6F6;
   color: #9F3A38;
@@ -301,6 +328,10 @@
 .ui.negative.message .header {
   color: #912D2B;
 }
+.ui.inverted.negative.message,
+.ui.inverted.negative.message .header {
+  color: #E0B4B4;
+}
 .ui.info.message {
   background-color: #F8FFFF;
   color: #276F86;
@@ -317,6 +348,10 @@
 .ui.info.message .header {
   color: #0E566C;
 }
+.ui.inverted.info.message,
+.ui.inverted.info.message .header {
+  color: #c6e3e9;
+}
 .ui.warning.message {
   background-color: #FFFAF3;
   color: #573A08;
@@ -333,6 +368,10 @@
 .ui.warning.message .header {
   color: #794B02;
 }
+.ui.inverted.warning.message,
+.ui.inverted.warning.message .header {
+  color: #d7ccb5;
+}
 .ui.error.message {
   background-color: #FFF6F6;
   color: #9F3A38;
@@ -349,6 +388,10 @@
 .ui.error.message .header {
   color: #912D2B;
 }
+.ui.inverted.error.message,
+.ui.inverted.error.message .header {
+  color: #ecd1d1;
+}
 .ui.success.message {
   background-color: #FCFFF5;
   color: #2C662D;
@@ -365,6 +408,10 @@
 .ui.success.message .header {
   color: #1A531B;
 }
+.ui.inverted.success.message,
+.ui.inverted.success.message .header {
+  color: #b9d1ad;
+}
 .ui.primary.message {
   background-color: #DFF0FF;
   color: rgba(255, 255, 255, 0.9);

data/app/assets/stylesheets/semantic-ui/collections/_table.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Table
+ * # Fomantic-UI 2.8.8 - Table
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -104,7 +104,7 @@
   text-align: inherit;
   color: rgba(0, 0, 0, 0.87);
   padding: 0.78571429em 0.78571429em;
-  vertical-align: middle;
+  vertical-align: inherit;
   font-style: normal;
   font-weight: normal;
   text-transform: none;
@@ -149,10 +149,10 @@
 }
 
 /* Icons */
-.ui.table > .icon {
+.ui.table > i.icon {
   vertical-align: baseline;
 }
-.ui.table > .icon:only-child {
+.ui.table > i.icon:only-child {
   margin: 0;
 }
 
@@ -539,6 +539,9 @@
           box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF;
   -moz-transform: scale(1);
 }
+.ui.definition.table > thead:not(.full-width) > tr > th:first-child:not(:empty) {
+  pointer-events: auto;
+}
 .ui.definition.table > tfoot:not(.full-width) > tr > th:first-child {
   pointer-events: none;
   background: #FFFFFF;
@@ -1996,7 +1999,8 @@
 .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
   background: #FFFFFF;
 }
-.ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child,
+.ui.inverted.definition.table > tbody > tr > td:first-child,
+.ui.inverted.definition.table > tfoot > tr > td:first-child,
 .ui.inverted.definition.table > tr > td:first-child {
   background: rgba(255, 255, 255, 0.02);
   color: #ffffff;

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

@@ -15,3 +15,4 @@
 @import 'reveal';
 @import 'segment';
 @import 'step';
+@import 'text';

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Button
+ * # Fomantic-UI 2.8.8 - Button
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -654,6 +654,33 @@
 *******************************/
 
 
+/*--------------
+     Stackable
+  ---------------*/
+
+
+/* Tablet Or Below */
+@media only screen and (max-width: 767.98px) {
+  .ui.stackable.buttons {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+    width: 100%;
+  }
+  .ui.stackable.buttons .button:first-child {
+    border-bottom-left-radius: 0;
+    border-top-right-radius: 0.28571429rem;
+  }
+  .ui.stackable.buttons .button:last-child {
+    border-bottom-left-radius: 0.28571429rem;
+    border-top-right-radius: 0;
+  }
+  .ui.stackable.buttons .button:only-child {
+    border-radius: 0.28571429rem;
+  }
+}
+
 /*-------------------
          Floated
   --------------------*/
@@ -756,7 +783,7 @@
 ---------------*/
 
 .ui.icon.buttons .button,
-.ui.icon.button:not(.animated) {
+.ui.icon.button:not(.animated):not(.compact):not(.labeled) {
   padding: 0.78571429em 0.78571429em 0.78571429em;
 }
 .ui.animated.icon.button > .content > .icon,

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Container
+ * # Fomantic-UI 2.8.8 - Container
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -127,9 +127,8 @@
 }
 .ui.justified.container {
   text-align: justify;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
+  -ms-hyphens: auto;
+      hyphens: auto;
 }
 
 

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

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

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Header
+ * # Fomantic-UI 2.8.8 - Header
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -50,7 +50,8 @@
       Icon
 ---------------*/
 
-.ui.header > .icon {
+.ui.header > .icons,
+.ui.header > i.icon {
   display: table-cell;
   opacity: 1;
   font-size: 1.5em;
@@ -59,7 +60,8 @@
 }
 
 /* With Text Node */
-.ui.header .icon:only-child {
+.ui.header:not(.icon) > .icons:only-child,
+.ui.header:not(.icon) > i.icon:only-child {
   display: inline-block;
   padding: 0;
   margin-right: 0.75rem;
@@ -99,7 +101,8 @@
 }
 
 /* After Icon */
-.ui.header > .icon + .content {
+.ui.header:not(.icon):not(.centered):not(.aligned) > .icons + .content,
+.ui.header:not(.icon):not(.centered):not(.aligned) > i.icon + .content {
   padding-left: 0.75rem;
   display: table-cell;
   vertical-align: middle;
@@ -269,7 +272,8 @@ h6.ui.header .sub.header {
 .ui.icon.header:first-child {
   margin-top: 0;
 }
-.ui.icon.header .icon {
+.ui.icon.header > .icons,
+.ui.icon.header > i.icon {
   float: none;
   display: block;
   width: auto;
@@ -287,13 +291,14 @@ h6.ui.header .sub.header {
   display: block;
   padding: 0;
 }
-.ui.icon.header .circular.icon {
+.ui.icon.header > i.circular {
   font-size: 2em;
 }
-.ui.icon.header .square.icon {
+.ui.icon.header > i.square {
   font-size: 2em;
 }
-.ui.block.icon.header .icon {
+.ui.block.icon.header > .icons,
+.ui.block.icon.header > i.icon {
   margin-bottom: 0;
 }
 .ui.icon.header.aligned {
@@ -675,7 +680,7 @@ a.ui.inverted.black.header.header.header:hover {
 .ui.dividing.header .sub.header {
   padding-bottom: 0.21428571rem;
 }
-.ui.dividing.header .icon {
+.ui.dividing.header i.icon {
   margin-bottom: 0;
 }
 .ui.inverted.dividing.header {