Variables for large and small input border radiuses

0d8f5fff · Marat Abdullin · Mark Otto · 994d0b20 · 0d8f5fff · 0d8f5fff
Commit 0d8f5fff authored Sep 05, 2014 by Marat Abdullin Committed by Mark Otto Sep 08, 2014
Show whitespace changes
Inline Side-by-side

Showing with 10 additions and 3 deletions

less/forms.less less/forms.less +2 -2

less/variables.less less/variables.less +8 -1

No files found.
--- a/less/forms.less
+++ b/less/forms.less
@@ -325,12 +325,12 @@ input[type="checkbox"] {

 .input-sm,
 .form-group-sm .form-control {
-  .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
+  .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
 }

 .input-lg,
 .form-group-lg .form-control {
-  .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
+  .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
 }



--- a/less/variables.less
+++ b/less/variables.less
@@ -182,8 +182,15 @@
 @input-color:                    @gray;
 //** `<input>` border color
 @input-border:                   #ccc;
-//** `<input>` border radius
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
 @input-border-radius:            @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large:      @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small:      @border-radius-small;
+
 //** Border color for inputs on focus
 @input-border-focus:             #66afe9;