Fix sizing in form/input

10 years ago · efd9a07ac3
2 changed files with 7 additions and 13 deletions
--- a/src/definitions/elements/input.less
+++ b/src/definitions/elements/input.less
@ -410,25 +410,25 @@
 ---------------------*/

 .ui.mini.input {
-  font-size: @mini;
+  font-size: @relativeMini;
 }
 .ui.small.input {
-  font-size: @small;
+  font-size: @relativeSmall;
 }
 .ui.input {
-  font-size: @medium;
+  font-size: @relativeMedium;
 }
 .ui.large.input {
-  font-size: @large;
+  font-size: @relativeLarge;
 }
 .ui.big.input {
-  font-size: @big;
+  font-size: @relativeBig;
 }
 .ui.huge.input {
-  font-size: @huge;
+  font-size: @relativeHuge;
 }
 .ui.massive.input {
-  font-size: @massive;
+  font-size: @relativeMassive;
 }

 .loadUIOverrides();
--- a/src/themes/default/collections/form.variables
+++ b/src/themes/default/collections/form.variables
@ -180,12 +180,6 @@
@inlineLabelFontWeight: @labelFontWeight;
@inlineLabelTextTransform: @labelTextTransform;

-/* Sizes */
-@small: 0.875em;
-@medium: auto;
-@large: 1.125em;
-@huge: 1.2em;
-
 /*-------------------
       Groups
 --------------------*/