less-rails-semantic_ui 2.1.8.2 → 2.2.1.0

data/assets/javascripts/semantic_ui/definitions/modules/transition.js

@@ -3,16 +3,22 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 
-;(function ( $, window, document, undefined ) {
+;(function ($, window, document, undefined) {
 
 "use strict";
 
+window = (typeof window != 'undefined' && window.Math == Math)
+  ? window
+  : (typeof self != 'undefined' && self.Math == Math)
+    ? self
+    : Function('return this')()
+;
+
 $.fn.transition = function() {
   var
     $allModules     = $(this),
@@ -828,7 +834,12 @@ $.fn.transition = function() {
             $.extend(true, settings, name);
           }
           else if(value !== undefined) {
-            settings[name] = value;
+            if($.isPlainObject(settings[name])) {
+              $.extend(true, settings[name], value);
+            }
+            else {
+              settings[name] = value;
+            }
           }
           else {
             return settings[name];
@@ -846,7 +857,7 @@ $.fn.transition = function() {
           }
         },
         debug: function() {
-          if(settings.debug) {
+          if(!settings.silent && settings.debug) {
             if(settings.performance) {
               module.performance.log(arguments);
             }
@@ -857,7 +868,7 @@ $.fn.transition = function() {
           }
         },
         verbose: function() {
-          if(settings.verbose && settings.debug) {
+          if(!settings.silent && settings.verbose && settings.debug) {
             if(settings.performance) {
               module.performance.log(arguments);
             }
@@ -868,8 +879,10 @@ $.fn.transition = function() {
           }
         },
         error: function() {
-          module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-          module.error.apply(console, arguments);
+          if(!settings.silent) {
+            module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+            module.error.apply(console, arguments);
+          }
         },
         performance: {
           log: function(message) {
@@ -1001,6 +1014,9 @@ $.fn.transition.settings = {
   // module info
   name          : 'Transition',
 
+  // hide all output from this component regardless of other settings
+  silent        : false,
+
   // debug content outputted to console
   debug         : false,
 
@@ -1062,7 +1078,7 @@ $.fn.transition.settings = {
 
   // possible errors
   error: {
-    noAnimation : 'Element is no longer attached to DOM. Unable to animate.',
+    noAnimation : 'Element is no longer attached to DOM. Unable to animate.  Use silent setting to surpress this warning in production.',
     repeated    : 'That animation is already occurring, cancelling repeated animation',
     method      : 'The method you called is not defined',
     support     : 'This browser does not support CSS animations'

data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -130,4 +129,4 @@
   font-size: @massive;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();

data/assets/stylesheets/semantic_ui/definitions/collections/form.less

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -28,7 +27,6 @@
 
 @import (multiple) 'semantic_ui/theme.config';
 
-
 /*******************************
             Elements
 *******************************/
@@ -66,7 +64,7 @@
 
 .ui.form .fields .field {
   clear: both;
-  margin: @fieldMargin;
+  margin: 0em;
 }
 
 
@@ -332,7 +330,7 @@
 .ui.form ::-webkit-input-placeholder {
   color: @inputPlaceholderColor;
 }
-.ui.form ::-ms-input-placeholder {
+.ui.form :-ms-input-placeholder {
   color: @inputPlaceholderColor;
 }
 .ui.form ::-moz-placeholder {
@@ -342,7 +340,7 @@
 .ui.form :focus::-webkit-input-placeholder {
   color: @inputPlaceholderFocusColor;
 }
-.ui.form :focus::-ms-input-placeholder {
+.ui.form :focus:-ms-input-placeholder {
   color: @inputPlaceholderFocusColor;
 }
 .ui.form :focus::-moz-placeholder {
@@ -353,8 +351,8 @@
 .ui.form .error ::-webkit-input-placeholder {
   color: @inputErrorPlaceholderColor;
 }
-.ui.form .error ::-ms-input-placeholder {
-  color: @inputErrorPlaceholderColor;
+.ui.form .error :-ms-input-placeholder {
+  color: @inputErrorPlaceholderColor !important;
 }
 .ui.form .error ::-moz-placeholder {
   color: @inputErrorPlaceholderColor;
@@ -363,8 +361,8 @@
 .ui.form .error :focus::-webkit-input-placeholder {
   color: @inputErrorPlaceholderFocusColor;
 }
-.ui.form .error :focus::-ms-input-placeholder {
-  color: @inputErrorPlaceholderFocusColor;
+.ui.form .error :focus:-ms-input-placeholder {
+  color: @inputErrorPlaceholderFocusColor !important;
 }
 .ui.form .error :focus::-moz-placeholder {
   color: @inputErrorPlaceholderFocusColor;
@@ -410,6 +408,9 @@
 .ui.form.success .success.message:not(:empty) {
   display: block;
 }
+.ui.form.success .compact.success.message:not(:empty) {
+  display: inline-block;
+}
 .ui.form.success .icon.success.message:not(:empty) {
   display: flex;
 }
@@ -422,6 +423,9 @@
 .ui.form.warning .warning.message:not(:empty) {
   display: block;
 }
+.ui.form.warning .compact.warning.message:not(:empty) {
+  display: inline-block;
+}
 .ui.form.warning .icon.warning.message:not(:empty) {
   display: flex;
 }
@@ -434,6 +438,9 @@
 .ui.form.error .error.message:not(:empty) {
   display: block;
 }
+.ui.form.error .compact.error.message:not(:empty) {
+  display: inline-block;
+}
 .ui.form.error .icon.error.message:not(:empty) {
   display: flex;
 }
@@ -701,7 +708,12 @@
 .ui.form .inverted.segment .ui.checkbox label,
 .ui.form .inverted.segment .ui.checkbox .box,
 .ui.inverted.form .ui.checkbox label,
-.ui.inverted.form .ui.checkbox .box {
+.ui.inverted.form .ui.checkbox .box,
+.ui.inverted.form .inline.fields > label,
+.ui.inverted.form .inline.fields .field > label,
+.ui.inverted.form .inline.fields .field > p,
+.ui.inverted.form .inline.field > label,
+.ui.inverted.form .inline.field > p {
   color: @invertedLabelColor;
 }
 
@@ -760,6 +772,7 @@
 .ui.form .fields {
   display: flex;
   flex-direction: row;
+  margin: @fieldsMargin;
 }
 .ui.form .fields > .field {
   flex: 0 1 auto;
@@ -814,6 +827,9 @@
   .ui.form .fields {
     flex-wrap: wrap;
   }
+
+  .ui[class*="equal width"].form .fields > .field,
+  .ui.form [class*="equal width"].fields > .field,
   .ui.form .two.fields > .fields,
   .ui.form .two.fields > .field,
   .ui.form .three.fields > .fields,
@@ -833,19 +849,10 @@
   .ui.form .ten.fields > .fields,
   .ui.form .ten.fields > .field {
     width: @oneColumn !important;
-    margin: @fieldMargin;
-    padding-left: 0%;
-    padding-right: 0%;
+    margin: 0em 0em @rowDistance;
   }
 }
 
-.ui.form .fields .field:first-child {
-  padding-left: 0%;
-}
-.ui.form .fields .field:last-child {
-  padding-right: 0%;
-}
-
 
 /* Sizing Combinations */
 .ui.form .fields .wide.field {
@@ -853,12 +860,6 @@
   padding-left: (@gutterWidth / 2);
   padding-right: (@gutterWidth / 2);
 }
-.ui.form .fields .wide.field:first-child {
-  padding-left: 0%;
-}
-.ui.form .fields .wide.field:last-child {
-  padding-right: 0%;
-}
 
 .ui.form .one.wide.field {
   width: @oneWide !important;
@@ -935,9 +936,9 @@
   .ui.form .fields > .fifteen.wide.field,
   .ui.form .fields > .sixteen.wide.field {
     width: @oneColumn !important;
-    margin: @fieldMargin;
-    padding-left: 0%;
-    padding-right: 0%;
+  }
+  .ui.form .fields {
+    margin-bottom: 0em;
   }
 }
 
@@ -1026,24 +1027,29 @@
         Sizes
 ---------------------*/
 
-/* Standard */
+.ui.mini.form {
+  font-size: @mini;
+}
+.ui.tiny.form {
+  font-size: @tiny;
+}
 .ui.small.form {
   font-size: @small;
 }
-
-/* Medium */
 .ui.form {
   font-size: @medium;
 }
-
-/* Large */
 .ui.large.form {
   font-size: @large;
 }
-
-/* Huge */
+.ui.big.form {
+  font-size: @big;
+}
 .ui.huge.form {
   font-size: @huge;
 }
+.ui.massive.form {
+  font-size: @massive;
+}
 
 .loadUIOverrides();

data/assets/stylesheets/semantic_ui/definitions/collections/grid.less

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -962,9 +961,9 @@
   text-align: center;
   justify-content: center;
 }
-.ui.centered.grid > .column:not(.aligned):not(.row),
-.ui.centered.grid > .row > .column:not(.aligned),
-.ui.grid .centered.row > .column:not(.aligned) {
+.ui.centered.grid > .column:not(.aligned):not(:justified):not(.row),
+.ui.centered.grid > .row > .column:not(.aligned):not(:justified),
+.ui.grid .centered.row > .column:not(.aligned):not(:justified) {
   text-align: left;
 }
 
@@ -1056,12 +1055,20 @@
   margin-bottom: 0em;
 }
 
+
+
 /* No divider on first column on row */
 .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
 .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
   box-shadow: none;
 }
 
+/* No space on top of first row */
+.ui[class*="vertically divided"].grid > .row:first-child > .column {
+  margin-top: 0em;
+}
+
+
 /* Divided Row */
 .ui.grid > .divided.row > .column {
   box-shadow: @dividedBorder;
@@ -1624,7 +1631,7 @@
   }
 }
 
-/* Mobily Only */
+/* Mobile Only */
 @media only screen and (max-width: @largestMobileScreen) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {

data/assets/stylesheets/semantic_ui/definitions/collections/menu.less

@@ -548,7 +548,6 @@ Floated Menu / Item
   width: 100%;
   height: @dividerSize;
   background: @verticalDividerBackground;
-  height: 1px;
 }
 
 .ui.vertical.menu .item:first-child:before {
@@ -649,7 +648,9 @@ Floated Menu / Item
 .ui.tabular.menu + .attached:not(.top).segment,
 .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
   border-top: none;
-  margin: 0px;
+  margin-left: 0px;
+  margin-top: 0px;
+  margin-right: 0px;
   width: 100%;
 }
 .top.attached.segment + .ui.bottom.tabular.menu {
@@ -1009,10 +1010,12 @@ Floated Menu / Item
 }
 
 /* Hover */
-.ui.secondary.inverted.pointing.menu .item:hover {
+.ui.secondary.inverted.pointing.menu .link.item:hover,
+.ui.secondary.inverted.pointing.menu a.item:hover {
   color: @secondaryPointingInvertedItemHoverTextColor;
 }
 
+
 /* Active */
 .ui.secondary.inverted.pointing.menu .active.item {
   border-color: @secondaryPointingInvertedActiveBorderColor;
@@ -1080,6 +1083,8 @@ Floated Menu / Item
 }
 .ui.vertical.text.menu .item {
   margin: @textVerticalMenuItemMargin;
+  padding-left: 0em;
+  padding-right: 0em;
 }
 .ui.vertical.text.menu .item > i.icon {
   float: @textVerticalMenuIconFloat;
@@ -1240,7 +1245,15 @@ Floated Menu / Item
     width: 100%;
     height: @dividerSize;
     background: @verticalDividerBackground;
-    height: 1px;
+  }
+
+  .ui.stackable.menu .left.menu,
+  .ui.stackable.menu .left.item {
+    margin-right: 0 !important;
+  }
+  .ui.stackable.menu .right.menu,
+  .ui.stackable.menu .right.item {
+    margin-left: 0 !important;
   }
 }
 
@@ -1374,8 +1387,7 @@ Floated Menu / Item
 
 /*--- Pressed ---*/
 .ui.inverted.menu a.item:active,
-.ui.inverted.menu .link.item:active,
-.ui.inverted.menu a.item:active {
+.ui.inverted.menu .link.item:active{
   background: @invertedMenuPressedBackground;
   color: @invertedMenuPressedColor;
 }
@@ -1903,6 +1915,22 @@ Floated Menu / Item
      Sizes
 ---------------*/
 
+/* Mini */
+.ui.mini.menu {
+  font-size: @mini;
+}
+.ui.mini.vertical.menu {
+  width: @miniWidth;
+}
+
+/* Tiny */
+.ui.tiny.menu {
+  font-size: @tiny;
+}
+.ui.tiny.vertical.menu {
+  width: @tinyWidth;
+}
+
 /* Small */
 .ui.small.menu {
   font-size: @small;
@@ -1935,4 +1963,20 @@ Floated Menu / Item
   width: @hugeWidth;
 }
 
+/* Big */
+.ui.big.menu {
+  font-size: @big;
+}
+.ui.big.vertical.menu {
+  width: @bigWidth;
+}
+
+/* Massive */
+.ui.massive.menu {
+  font-size: @massive;
+}
+.ui.massive.vertical.menu {
+  width: @massiveWidth;
+}
+
 .loadUIOverrides();