assets/stylesheets/semantic_ui/themes/default/elements/input.variables in less-rails-semantic_ui-1.0.1.0 vs assets/stylesheets/semantic_ui/themes/default/elements/input.variables in less-rails-semantic_ui-1.1.2.0
- old
+ new
@@ -5,15 +5,14 @@
/*-------------------
Element
--------------------*/
@pageFont: "Helvetica Neue", "Helvetica", Arial;
-
-@verticalPadding: 0.8em;
+@verticalPadding: 0.78571em;
@horizontalPadding: 1em;
-@lineHeight: 1.2em;
+@lineHeight: 1.2142em;
@lineHeightOffset: ((@lineHeight - 1em) / 2);
@padding: (@verticalPadding - @lineHeightOffset) @horizontalPadding;
@textAlign: left;
@@ -22,13 +21,13 @@
@border: @borderWidth solid rgba(0, 0, 0, 0.15);
@boxShadow: none;
@borderRadius: @defaultBorderRadius;
@transition:
- background-color 0.3s ease-out,
- box-shadow 0.2s ease,
- border-color 0.2s ease
+ background-color @transitionDuration @transitionEasing,
+ box-shadow @transitionDuration @transitionEasing,
+ border-color @transitionDuration @transitionEasing
;
@inputColor: @textColor;
/*-------------------
@@ -46,11 +45,11 @@
@iconDistance: 0em;
@iconMargin: @iconWidth + @iconDistance;
@iconTransition: opacity 0.3s @defaultEasing;
@transparentIconWidth: @glyphWidth;
-@transparentIconMargin: 1.75em;
+@transparentIconMargin: 2em;
/* Circular Icon Input */
@circularIconVerticalOffset: 0.35em;
@circularIconHorizontalOffset: 0.5em;
@@ -100,9 +99,14 @@
@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
/*-------------------
Variations
--------------------*/
+
+/* Inverted */
+@transparentInvertedPlaceholderColor: @invertedUnselectedTextColor;
+@transparentInvertedColor: @white;
+
/* Sizing */
@mini: 0.8125rem;
@small: 0.875rem;
@medium: 1rem;