}
// Carets in other button sizes
.btn-lg .caret {
- border-width: $caret-width-large $caret-width-large 0;
+ border-width: $caret-width-lg $caret-width-lg 0;
border-bottom-width: 0;
}
// Upside down carets for .dropup
.dropup .btn-lg .caret {
- border-width: 0 $caret-width-large $caret-width-large;
+ border-width: 0 $caret-width-lg $caret-width-lg;
}
cursor: pointer;
user-select: none;
border: $border-width solid transparent;
- @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
+ @include button-size($padding-base-y, $padding-base-x, $font-size-base, $line-height-base, $btn-border-radius-base);
transition: all .2s ease-in-out;
&,
.btn-lg {
// line-height: ensure even-numbered height of button next to large input
- @include button-size($padding-lg-vertical, $padding-lg-horizontal, $font-size-lg, $line-height-lg, $btn-border-radius-lg);
+ @include button-size($padding-lg-y, $padding-lg-x, $font-size-lg, $line-height-lg, $btn-border-radius-lg);
}
.btn-sm {
// line-height: ensure proper height of button next to small input
- @include button-size($padding-sm-vertical, $padding-sm-horizontal, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
+ @include button-size($padding-sm-y, $padding-sm-x, $font-size-sm, $line-height-sm, $btn-border-radius-sm);
}
.btn-xs {
- @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-xs, $line-height-sm, $btn-border-radius-sm);
+ @include button-size($padding-xs-y, $padding-xs-x, $font-size-xs, $line-height-sm, $btn-border-radius-sm);
}
width: 100%;
// // Make inputs at least the height of their button counterpart (base line-height + padding + border)
// height: $input-height-base;
- padding: $padding-base-vertical $padding-base-horizontal;
+ padding: $padding-base-y $padding-base-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-vertical + $border-width) $padding-base-horizontal;
+ padding: ($padding-base-y + $border-width) $padding-base-x;
margin-bottom: 0; // Override the `<label>` default
}
.form-control-static {
min-height: $input-height-base;
// Size it appropriately next to real form controls
- padding-top: ($padding-base-vertical + $border-width);
- padding-bottom: ($padding-base-vertical + $border-width);
+ padding-top: ($padding-base-y + $border-width);
+ padding-bottom: ($padding-base-y + $border-width);
// Remove default margin from `p`
margin-bottom: 0;
.form-control-sm {
height: $input-height-sm;
- padding: $padding-sm-vertical $padding-sm-horizontal;
+ padding: $padding-sm-y $padding-sm-x;
font-size: $font-size-sm;
line-height: $line-height-sm;
border-radius: $input-border-radius-sm;
.form-control-lg {
height: $input-height-lg;
- padding: $padding-lg-vertical $padding-lg-horizontal;
+ padding: $padding-lg-y $padding-lg-x;
font-size: $font-size-lg;
line-height: $line-height-lg;
border-radius: $input-border-radius-lg;
//
.input-group-addon {
- padding: $padding-base-vertical $padding-base-horizontal;
+ padding: $padding-base-y $padding-base-x;
font-size: $font-size-base;
font-weight: normal;
line-height: 1;
// Sizing
&.form-control-sm {
- padding: $padding-sm-vertical $padding-sm-horizontal;
+ padding: $padding-sm-y $padding-sm-x;
font-size: $font-size-sm;
@include border-radius($border-radius-sm);
}
&.form-control-lg {
- padding: $padding-lg-vertical $padding-lg-horizontal;
+ padding: $padding-lg-y $padding-lg-x;
font-size: $font-size-lg;
@include border-radius($border-radius-lg);
}
> span {
position: relative;
float: left; // Collapse white-space
- padding: $padding-base-vertical $padding-base-horizontal;
+ padding: $padding-base-y $padding-base-x;
margin-left: -1px;
line-height: $line-height-base;
color: $pagination-color;
//
.pagination-lg {
- @include pagination-size($padding-lg-vertical, $padding-lg-horizontal, $font-size-lg, $line-height-lg, $border-radius-lg);
+ @include pagination-size($padding-lg-y, $padding-lg-x, $font-size-lg, $line-height-lg, $border-radius-lg);
}
.pagination-sm {
- @include pagination-size($padding-sm-vertical, $padding-sm-horizontal, $font-size-sm, $line-height-sm, $border-radius-sm);
+ @include pagination-size($padding-sm-y, $padding-sm-x, $font-size-sm, $line-height-sm, $border-radius-sm);
}
//
// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-$padding-base-vertical: .5rem !default;
-$padding-base-horizontal: .75rem !default;
+$padding-base-y: .5rem !default;
+$padding-base-x: .75rem !default;
-$padding-lg-vertical: .75rem !default;
-$padding-lg-horizontal: 1.5rem !default;
+$padding-lg-y: .75rem !default;
+$padding-lg-x: 1.5rem !default;
-$padding-sm-vertical: .275rem !default;
-$padding-sm-horizontal: .75rem !default;
+$padding-sm-y: .275rem !default;
+$padding-sm-x: .75rem !default;
-$padding-xs-vertical: .2rem !default;
-$padding-xs-horizontal: .5rem !default;
+$padding-xs-y: .2rem !default;
+$padding-xs-x: .5rem !default;
$line-height-lg: (4/3) !default;
$line-height-sm: 1.5 !default;
$component-active-bg: $brand-primary !default;
$caret-width-base: .3em !default;
-$caret-width-large: $caret-width-base !default;
+$caret-width-lg: $caret-width-base !default;
// Tables
$input-color-placeholder: #999 !default;
-$input-height-base: (($font-size-base * $line-height-base) + ($padding-base-vertical * 2) + ($border-width * 2)) !default;
-$input-height-lg: (($font-size-lg * $line-height-lg) + ($padding-lg-vertical * 2) + ($border-width * 2)) !default;
-$input-height-sm: (($font-size-sm * $line-height-sm) + ($padding-sm-vertical * 2) + ($border-width * 2)) !default;
+$input-height-base: (($font-size-base * $line-height-base) + ($padding-base-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;
$form-group-margin-bottom: 15px;