diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/mixins/_forms.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/mixins/_forms.scss | 36 |
1 files changed, 6 insertions, 30 deletions
diff --git a/assets/stylesheets/bootstrap/mixins/_forms.scss b/assets/stylesheets/bootstrap/mixins/_forms.scss index c8aea96..8607955 100644 --- a/assets/stylesheets/bootstrap/mixins/_forms.scss +++ b/assets/stylesheets/bootstrap/mixins/_forms.scss @@ -14,7 +14,9 @@ } // Set the border and box shadow on specific inputs to match - .form-control { + .form-control, + .custom-select, + .custom-file-control { border-color: $color; &:focus { @@ -25,15 +27,15 @@ // Set validation states also for addons .input-group-addon { color: $color; - border-color: $color; background-color: lighten($color, 40%); + border-color: $color; } } // Form control focus state // // Generate a customized focus state and for any input with the specified color, -// which defaults to the `@input-border-focus` variable. +// which defaults to the `@input-border-color-focus` variable. // // We highly encourage you to not customize the default value, but instead use // this to tweak colors on an as-needed basis. This aesthetic change is based on @@ -46,34 +48,8 @@ &:focus { color: $input-color-focus; background-color: $input-bg-focus; - border-color: $input-border-focus; + border-color: $input-border-color-focus; outline: none; @include box-shadow($input-box-shadow-focus); } } - -// Form control sizing -// -// Relative text size, padding, and border-radii changes for form controls. For -// horizontal sizing, wrap controls in the predefined grid classes. `<select>` -// element gets special love because it's special, and that's a fact! - -@mixin input-size($parent, $input-height, $padding-y, $padding-x, $font-size, $line-height, $border-radius) { - #{$parent} { - height: $input-height; - padding: $padding-y $padding-x; - font-size: $font-size; - line-height: $line-height; - @include border-radius($border-radius); - } - - select#{$parent} { - height: $input-height; - line-height: $input-height; - } - - textarea#{$parent}, - select[multiple]#{$parent} { - height: auto; - } -} |