cursor: pointer;
user-select: none;
border: $border-width solid transparent;
- @include button-size($padding-base-y, $padding-base-x, $font-size-base, $line-height-base, $btn-border-radius);
+ @include button-size($padding-y, $padding-x, $font-size-base, $line-height-base, $btn-border-radius);
transition: all .2s ease-in-out;
&,
width: 100%;
// // Make inputs at least the height of their button counterpart (base line-height + padding + border)
// height: $input-height;
- padding: $padding-base-y $padding-base-x;
+ padding: $padding-y $padding-x;
font-size: $font-size-base;
line-height: $line-height-base;
color: $input-color;
// For use with horizontal and inline forms, when you need the label text to
// align with the form controls.
.form-control-label {
- padding: ($padding-base-y + $border-width) $padding-base-x;
+ padding: ($padding-y + $border-width) $padding-x;
margin-bottom: 0; // Override the `<label>` default
}
.form-control-static {
min-height: $input-height;
// Size it appropriately next to real form controls
- padding-top: ($padding-base-y + $border-width);
- padding-bottom: ($padding-base-y + $border-width);
+ padding-top: ($padding-y + $border-width);
+ padding-bottom: ($padding-y + $border-width);
// Remove default margin from `p`
margin-bottom: 0;
//
// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-$padding-base-y: .5rem !default;
-$padding-base-x: .75rem !default;
+$padding-y: .5rem !default;
+$padding-x: .75rem !default;
-$padding-lg-y: .75rem !default;
-$padding-lg-x: 1.5rem !default;
+$padding-lg-y: .75rem !default;
+$padding-lg-x: 1.5rem !default;
-$padding-sm-y: .275rem !default;
-$padding-sm-x: .75rem !default;
+$padding-sm-y: .275rem !default;
+$padding-sm-x: .75rem !default;
-$padding-xs-y: .2rem !default;
-$padding-xs-x: .5rem !default;
+$padding-xs-y: .2rem !default;
+$padding-xs-x: .5rem !default;
$line-height-lg: (4/3) !default;
$line-height-sm: 1.5 !default;
-$border-radius: .25rem !default;
+$border-radius: .25rem !default;
$border-radius-lg: .3rem !default;
$border-radius-sm: .2rem !default;
-$component-active-color: #fff !default;
-$component-active-bg: $brand-primary !default;
+$component-active-color: #fff !default;
+$component-active-bg: $brand-primary !default;
-$caret-width: .3em !default;
+$caret-width: .3em !default;
$caret-width-lg: $caret-width !default;
$btn-link-disabled-color: $gray-light !default;
// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius;
+$btn-border-radius: $border-radius;
$btn-border-radius-lg: $border-radius-lg;
$btn-border-radius-sm: $border-radius-sm;
$input-color-placeholder: #999 !default;
-$input-height: (($font-size-base * $line-height-base) + ($padding-base-y * 2) + ($border-width * 2)) !default;
+$input-height: (($font-size-base * $line-height-base) + ($padding-y * 2) + ($border-width * 2)) !default;
$input-height-lg: (($font-size-lg * $line-height-lg) + ($padding-lg-y * 2) + ($border-width * 2)) !default;
$input-height-sm: (($font-size-sm * $line-height-sm) + ($padding-sm-y * 2) + ($border-width * 2)) !default;