button.variables in less-rails-semantic_ui-2.0.0.0

- old
+ new

@@ -11,11 +11,11 @@
 
 @medium: 13px;
 
 @verticalPadding   : 0.8em;
 @horizontalPadding : 0.8em;
-@borderRadius      : 0.153846153em;
+@borderRadius      : @relative2px;
 @color             : #222222;
 @fontWeight        : normal;
 @textTransform     : none;
 
 @backgroundColor      : @white;
@@ -26,15 +26,15 @@
 @borderBoxShadowColor: @solidBorderColor;
 @borderBoxShadow: 0px 0px 0px 1px @solidBorderColor;
 @shadowBoxShadow: 0px 0px 0px 0px transparent;
 
 @transition:
-  opacity 0.3s @transitionEasing,
-  background-color 0.3s @transitionEasing,
-  color 0.3s @transitionEasing,
-  box-shadow 0.3s @transitionEasing,
-  background 0.3s @transitionEasing
+  opacity 0.3s @defaultEasing,
+  background-color 0.3s @defaultEasing,
+  color 0.3s @defaultEasing,
+  box-shadow 0.3s @defaultEasing,
+  background 0.3s @defaultEasing
 ;
 /*-------------------
         State
 --------------------*/
 
@@ -54,10 +54,11 @@
 
 /*-------------------
       Variations
 --------------------*/
 
+/* Basic */
 @basicBorderSize: 0px;
 @basicBorderRadius: 4px;
 @basicColoredBorderSize: 1px;
 @basicHoverBackground: @white;
 @basicHoverBoxShadow: @hoverBoxShadow;
@@ -65,23 +66,30 @@
 @basicDownBoxShadow: @downBoxShadow;
 
 @basicActiveBackground: #FFFFFF;
 @basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
 
+/* Labeled */
 @labeledIconBackgroundColor: transparent;
 @labeledIconWidth: 2em;
 
+/* Colored */
 @coloredBackgroundImage : @subtleGradient;
 @coloredBoxShadow       : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
 
+/* Primary */
 @primaryColor       : #4184F3;
 @primaryBoxShadow   : 0px 0px 0px 1px #0157E4 inset;
 
+/* Secondary */
 @secondaryColor           : #EEEEEE;
 @secondaryBackgroundImage : @backgroundImage;
 @secondaryTextColor       : @textColor;
 @secondaryBoxShadow       : @borderBoxShadow;
 
+/* Emotive */
 @positiveColor: #3D9400;
 @negativeColor: #D34836;
+
+/* Inverted */
 @invertedBorderSize: 1px;
 