diff options
| author | Mark Otto <[email protected]> | 2016-02-08 22:28:11 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-08 22:28:11 -0800 |
| commit | c3e4cbdfb0eaff43db4de6b4df045f364e5500d2 (patch) | |
| tree | dd0fc55be1398efd219e74e5c8fc3e67fd4b5b0e | |
| parent | c8bd62b214add34ab133cb11241d528ef3402ef0 (diff) | |
| download | bootstrap-c3e4cbdfb0eaff43db4de6b4df045f364e5500d2.tar.xz bootstrap-c3e4cbdfb0eaff43db4de6b4df045f364e5500d2.zip | |
Move to a translucent input border with background-clip: padding-box for improved blending across different background-colors
| -rw-r--r-- | scss/_forms.scss | 1 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
2 files changed, 2 insertions, 1 deletions
diff --git a/scss/_forms.scss b/scss/_forms.scss index 26fbb19ea..729ca764f 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -16,6 +16,7 @@ background-color: $input-bg; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214. background-image: none; + background-clip: padding-box; border: $input-btn-border-width solid $input-border-color; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS. @include border-radius($input-border-radius); diff --git a/scss/_variables.scss b/scss/_variables.scss index b7f31a296..514214814 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -312,7 +312,7 @@ $input-bg: #fff !default; $input-bg-disabled: $gray-lighter !default; $input-color: $gray !default; -$input-border-color: #ccc !default; +$input-border-color: rgba(0,0,0,.15) !default; $input-btn-border-width: $border-width !default; // For form controls and buttons $input-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !default; |