fomantic-ui-sass 2.8.7.1 → 2.8.8

data/app/assets/javascripts/semantic-ui/toast.js

@@ -144,15 +144,15 @@ $.fn.toast = function(parameters) {
         create: {
           container: function() {
             module.verbose('Creating container');
-            $context.append($('<div/>',{class: settings.position + ' ' + className.container}));
+            $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '')}));
           },
           toast: function() {
             $toastBox = $('<div/>', {class: className.box});
+            var iconClass = module.get.iconClass();
             if (!isToastComponent) {
               module.verbose('Creating toast');
               $toast = $('<div/>');
               var $content = $('<div/>', {class: className.content});
-              var iconClass = module.get.iconClass();
               if (iconClass !== '') {
                 $toast.append($('<i/>', {class: iconClass + ' ' + className.icon}));
               }
@@ -170,7 +170,7 @@ $.fn.toast = function(parameters) {
                 }));
               }
 
-              $content.append($('<div/>', {html: module.helpers.escape(settings.message, settings.preserveHTML)}));
+              $content.append($('<div/>', {class: className.message, html: module.helpers.escape(settings.message, settings.preserveHTML)}));
 
               $toast
                 .addClass(settings.class + ' ' + className.toast)
@@ -189,6 +189,18 @@ $.fn.toast = function(parameters) {
               $toast = settings.cloneModule ? $module.clone().removeAttr('id') : $module;
               $close = $toast.find('> i'+module.helpers.toClass(className.close));
               settings.closeIcon = ($close.length > 0);
+              if (iconClass !== '') {
+                $toast.find(selector.icon).attr('class',iconClass + ' ' + className.icon);
+              }
+              if (settings.showImage) {
+                $toast.find(selector.image).attr('src',settings.showImage);
+              }
+              if (settings.title !== '') {
+                $toast.find(selector.title).html(module.helpers.escape(settings.title, settings.preserveHTML));
+              }
+              if (settings.message !== '') {
+                $toast.find(selector.message).html(module.helpers.escape(settings.message, settings.preserveHTML));
+              }
             }
             if ($toast.hasClass(className.compact)) {
               settings.compact = true;
@@ -391,7 +403,7 @@ $.fn.toast = function(parameters) {
                       if(settings.transition.closeEasing !== ''){
                           if($toastBox) {
                             $toastBox.css('opacity', 0);
-                            $toastBox.wrap('<div/>').parent().slideUp(500, settings.transition.closeEasing, function () {
+                            $toastBox.wrap('<div/>').parent().hide(settings.transition.closeDuration, settings.transition.closeEasing, function () {
                               if ($toastBox) {
                                 $toastBox.parent().remove();
                                 callback.call($toastBox);
@@ -431,7 +443,7 @@ $.fn.toast = function(parameters) {
         has: {
           container: function() {
             module.verbose('Determining if there is already a container');
-            return ($context.find(module.helpers.toClass(settings.position) + selector.container).length > 0);
+            return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : '')).length > 0);
           },
           toast: function(){
             return !!module.get.toast();
@@ -750,6 +762,7 @@ $.fn.toast.settings = {
   context        : 'body',
 
   position       : 'top right',
+  horizontal     : false,
   class          : 'neutral',
   classProgress  : false,
   classActions   : false,
@@ -780,7 +793,8 @@ $.fn.toast.settings = {
     showDuration : 500,
     hideMethod   : 'scale',
     hideDuration : 500,
-    closeEasing  : 'easeOutCubic'  //Set to empty string to stack the closed toast area immediately (old behaviour)
+    closeEasing  : 'easeOutCubic',  //Set to empty string to stack the closed toast area immediately (old behaviour)
+    closeDuration: 500
   },
 
   error: {
@@ -798,6 +812,7 @@ $.fn.toast.settings = {
     visible      : 'visible',
     content      : 'content',
     title        : 'ui header',
+    message      : 'message',
     actions      : 'actions',
     extraContent : 'extra content',
     button       : 'ui button',
@@ -805,6 +820,7 @@ $.fn.toast.settings = {
     close        : 'close icon',
     image        : 'ui image',
     vertical     : 'vertical',
+    horizontal   : 'horizontal',
     attached     : 'attached',
     inverted     : 'inverted',
     compact      : 'compact',
@@ -828,6 +844,10 @@ $.fn.toast.settings = {
     container    : '.ui.toast-container',
     box          : '.toast-box',
     toast        : '.ui.toast',
+    title        : '.header',
+    message      : '.message:not(.ui)',
+    image        : '> img.image, > .image > img',
+    icon         : '> i.icon',
     input        : 'input:not([type="hidden"]), textarea, select, button, .ui.button, ui.dropdown',
     approve      : '.actions .positive, .actions .approve, .actions .ok',
     deny         : '.actions .negative, .actions .deny, .actions .cancel'

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

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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Form
+ * # Fomantic-UI 2.8.8 - Form
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -372,6 +372,7 @@
 }
 .ui.form ::-moz-placeholder {
   color: rgba(191, 191, 191, 0.87);
+  opacity: 1;
 }
 .ui.form :focus::-webkit-input-placeholder {
   color: rgba(115, 115, 115, 0.87);
@@ -480,11 +481,17 @@
   display: flex;
 }
 .ui.ui.form .fields.error .field label,
+.ui.ui.form .fields.error .field .ui.label:not(.corner),
 .ui.ui.form .field.error label,
+.ui.ui.form .field.error .ui.label:not(.corner),
 .ui.ui.form .fields.error .field .input,
 .ui.ui.form .field.error .input {
   color: #9F3A38;
 }
+.ui.form .fields.error .field .ui.label,
+.ui.form .field.error .ui.label {
+  background-color: #ecd1d1;
+}
 .ui.form .fields.error .field .corner.label,
 .ui.form .field.error .corner.label {
   border-color: #9F3A38;
@@ -599,7 +606,7 @@
 .ui.form .fields.error .field .ui.dropdown,
 .ui.form .fields.error .field .ui.dropdown .item,
 .ui.form .field.error .ui.dropdown,
-.ui.form .field.error .ui.dropdown .text,
+.ui.form .field.error .ui.dropdown > .text,
 .ui.form .field.error .ui.dropdown .item {
   background: #FFF6F6;
   color: #9F3A38;
@@ -663,6 +670,10 @@
 .ui.form .field.error .checkbox .box:after {
   color: #9F3A38;
 }
+.ui.inverted.form .fields.error .field label,
+.ui.inverted.form .error.field label {
+  color: #ecd1d1;
+}
 
 /* On Form */
 .ui.form.info .info.message:not(:empty) {
@@ -693,11 +704,17 @@
   display: flex;
 }
 .ui.ui.form .fields.info .field label,
+.ui.ui.form .fields.info .field .ui.label:not(.corner),
 .ui.ui.form .field.info label,
+.ui.ui.form .field.info .ui.label:not(.corner),
 .ui.ui.form .fields.info .field .input,
 .ui.ui.form .field.info .input {
   color: #276F86;
 }
+.ui.form .fields.info .field .ui.label,
+.ui.form .field.info .ui.label {
+  background-color: #c6e3e9;
+}
 .ui.form .fields.info .field .corner.label,
 .ui.form .field.info .corner.label {
   border-color: #276F86;
@@ -812,7 +829,7 @@
 .ui.form .fields.info .field .ui.dropdown,
 .ui.form .fields.info .field .ui.dropdown .item,
 .ui.form .field.info .ui.dropdown,
-.ui.form .field.info .ui.dropdown .text,
+.ui.form .field.info .ui.dropdown > .text,
 .ui.form .field.info .ui.dropdown .item {
   background: #F8FFFF;
   color: #276F86;
@@ -876,6 +893,10 @@
 .ui.form .field.info .checkbox .box:after {
   color: #276F86;
 }
+.ui.inverted.form .fields.info .field label,
+.ui.inverted.form .info.field label {
+  color: #c6e3e9;
+}
 
 /* On Form */
 .ui.form.success .success.message:not(:empty) {
@@ -906,11 +927,17 @@
   display: flex;
 }
 .ui.ui.form .fields.success .field label,
+.ui.ui.form .fields.success .field .ui.label:not(.corner),
 .ui.ui.form .field.success label,
+.ui.ui.form .field.success .ui.label:not(.corner),
 .ui.ui.form .fields.success .field .input,
 .ui.ui.form .field.success .input {
   color: #2C662D;
 }
+.ui.form .fields.success .field .ui.label,
+.ui.form .field.success .ui.label {
+  background-color: #b9d1ad;
+}
 .ui.form .fields.success .field .corner.label,
 .ui.form .field.success .corner.label {
   border-color: #2C662D;
@@ -1025,7 +1052,7 @@
 .ui.form .fields.success .field .ui.dropdown,
 .ui.form .fields.success .field .ui.dropdown .item,
 .ui.form .field.success .ui.dropdown,
-.ui.form .field.success .ui.dropdown .text,
+.ui.form .field.success .ui.dropdown > .text,
 .ui.form .field.success .ui.dropdown .item {
   background: #FCFFF5;
   color: #2C662D;
@@ -1089,6 +1116,10 @@
 .ui.form .field.success .checkbox .box:after {
   color: #2C662D;
 }
+.ui.inverted.form .fields.success .field label,
+.ui.inverted.form .success.field label {
+  color: #b9d1ad;
+}
 
 /* On Form */
 .ui.form.warning .warning.message:not(:empty) {
@@ -1119,11 +1150,17 @@
   display: flex;
 }
 .ui.ui.form .fields.warning .field label,
+.ui.ui.form .fields.warning .field .ui.label:not(.corner),
 .ui.ui.form .field.warning label,
+.ui.ui.form .field.warning .ui.label:not(.corner),
 .ui.ui.form .fields.warning .field .input,
 .ui.ui.form .field.warning .input {
   color: #573A08;
 }
+.ui.form .fields.warning .field .ui.label,
+.ui.form .field.warning .ui.label {
+  background-color: #d7ccb5;
+}
 .ui.form .fields.warning .field .corner.label,
 .ui.form .field.warning .corner.label {
   border-color: #573A08;
@@ -1238,7 +1275,7 @@
 .ui.form .fields.warning .field .ui.dropdown,
 .ui.form .fields.warning .field .ui.dropdown .item,
 .ui.form .field.warning .ui.dropdown,
-.ui.form .field.warning .ui.dropdown .text,
+.ui.form .field.warning .ui.dropdown > .text,
 .ui.form .field.warning .ui.dropdown .item {
   background: #FFFAF3;
   color: #573A08;
@@ -1302,6 +1339,10 @@
 .ui.form .field.warning .checkbox .box:after {
   color: #573A08;
 }
+.ui.inverted.form .fields.warning .field label,
+.ui.inverted.form .warning.field label {
+  color: #d7ccb5;
+}
 
 /*--------------------
          Disabled

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI - Grid
+ * # Fomantic-UI 2.8.8 - Grid
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -1320,9 +1320,8 @@
 .ui.grid > .justified.column.column,
 .ui.grid > .row > .justified.column.column {
   text-align: justify;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
+  -ms-hyphens: auto;
+      hyphens: auto;
 }
 
 /*----------------------
@@ -1794,7 +1793,7 @@
   --------------------*/
 
 @media only screen and (max-width: 767.98px) {
-  .ui.stackable.grid {
+  .ui.ui.ui.ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
     margin-right: 0 !important;
@@ -1998,6 +1997,9 @@
         Compact
   -----------------*/
 
+.ui.ui.ui.compact.grid {
+  margin: -0.5rem;
+}
 .ui.ui.ui.compact.grid > .column:not(.row),
 .ui.ui.ui.compact.grid > .row > .column {
   padding-left: 0.5rem;
@@ -2012,6 +2014,8 @@
 .ui.ui.ui.compact.grid > .row {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 /* Columns */
@@ -2034,6 +2038,9 @@
       Very compact
   -----------------*/
 
+.ui.ui.ui[class*="very compact"].grid {
+  margin: -0.25rem;
+}
 .ui.ui.ui[class*="very compact"].grid > .column:not(.row),
 .ui.ui.ui[class*="very compact"].grid > .row > .column {
   padding-left: 0.25rem;
@@ -2048,8 +2055,8 @@
 .ui.ui.ui[class*="very compact"].grid > .row {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 /* Columns */

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 */

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 > i.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,6 +247,7 @@
       -ms-flex-align: center;
           align-items: center;
 }
+.ui.icon.message > .icons,
 .ui.icon.message > i.icon:not(.close) {
   display: block;
   -webkit-box-flex: 0;
@@ -244,10 +266,11 @@
           flex: 1 1 auto;
   vertical-align: middle;
 }
+.ui.icon.message > .icons + .content,
 .ui.icon.message > i.icon:not(.close) + .content {
   padding-left: 0;
 }
-.ui.icon.message > i.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/
  *
  *
@@ -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/_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):not(.compact) {
+.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,6 +50,7 @@
       Icon
 ---------------*/
 
+.ui.header > .icons,
 .ui.header > i.icon {
   display: table-cell;
   opacity: 1;
@@ -59,7 +60,8 @@
 }
 
 /* With Text Node */
-.ui.header > i.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 > i.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,6 +272,7 @@ h6.ui.header .sub.header {
 .ui.icon.header:first-child {
   margin-top: 0;
 }
+.ui.icon.header > .icons,
 .ui.icon.header > i.icon {
   float: none;
   display: block;
@@ -287,12 +291,13 @@ h6.ui.header .sub.header {
   display: block;
   padding: 0;
 }
-.ui.icon.header > i.circular.icon {
+.ui.icon.header > i.circular {
   font-size: 2em;
 }
-.ui.icon.header > i.square.icon {
+.ui.icon.header > i.square {
   font-size: 2em;
 }
+.ui.block.icon.header > .icons,
 .ui.block.icon.header > i.icon {
   margin-bottom: 0;
 }