diff --git a/scss/_variables.scss b/scss/_variables.scss index 57916ce..b1f1f88 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -82,7 +82,8 @@ $code-color: $primary !default; // Forms $input-bg: $white; $input-color: $black; -$input-transition: null; +$input-border-color: $gray-500; +$input-transition: none; // Buttons $btn-box-shadow: null; diff --git a/scss/bootstrap/_form-control.scss b/scss/bootstrap/_form-control.scss index 29b2407..7de0774 100644 --- a/scss/bootstrap/_form-control.scss +++ b/scss/bootstrap/_form-control.scss @@ -1,3 +1,14 @@ .form-control { background-clip: inherit; // Remove weird border in input boxes } + +.form-control, +.form-select { + &:hover { + border-color: $gray-600; + } + + &:focus { + border-color: $input-focus-border-color; + } +}