Add @inputFont variable, remove @pageFont from input default theme vars #1487

src/definitions/collections/form.less

@@ -111,6 +111,7 @@
 .ui.form input[type="number"],
 .ui.form input[type="url"],
 .ui.form input[type="tel"] {
+  font-family: @inputFont;
   margin: 0em;
   outline: none;
   -webkit-appearance: none;

src/definitions/elements/input.less

@@ -41,7 +41,7 @@
   text-align: @textAlign;
   line-height: @lineHeight;
 
-  font-family: @pageFont;
+  font-family: @inputFont;
   padding: @padding;
 
   background: @background;

src/themes/default/collections/form.variables

@@ -25,6 +25,7 @@
 @labelColor: @textColor;
 
 /* Input */
+@inputFont: @pageFont;
 @inputWidth: 100%;
 @inputFontSize: 1em;
 @inputVerticalPadding: 0.78571em;

src/themes/default/elements/input.variables

@@ -6,7 +6,7 @@
       Element
 --------------------*/
 
-@pageFont: "Helvetica Neue", "Helvetica", Arial;
+@inputFont: @pageFont;
 @verticalPadding: 0.78571em;
 @horizontalPadding: 1em;