From 4c96f58e31b4f6aa40b4027384c8c52476fd8c68 Mon Sep 17 00:00:00 2001 From: Andrew Luca <iamandrewluca@users.noreply.github.com> Date: Thu, 18 Jan 2018 01:30:42 +0200 Subject: [PATCH] Fix input height border (#25331) When changing `$input-border-width`, `$input-height-border` does not change and `select.form-control` `custom-select` `custom-file` will still have `$input-height` which is resolved from `$input-btn-border-width` This will work in cases when want controls with border, and buttons without. Temporary fix will be to override 2 variables ``` $input-border-width: 2px !default; // which is // $input-height-border: $input-btn-border-width * 2 !default; $input-height-border: $input-border-width * 2 !default; ``` --- scss/_variables.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 24e1417729..be580deb33 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -412,7 +412,7 @@ $input-focus-box-shadow: $input-btn-focus-box-shadow !default; $input-placeholder-color: $gray-600 !default; -$input-height-border: $input-btn-border-width * 2 !default; +$input-height-border: $input-border-width * 2 !default; $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default; $input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default; -- GitLab