rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

.form-control:focus customization (#20436)

Browse Source 
* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus
This commit is contained in:
NicoLB 2016-09-12 15:32:33 +10:00 committed by Mark Otto
parent a48e819921
commit 659809db15
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_variables.scss
View File

@ -327,10 +327,10 @@ $input-border-radius: $border-radius !default;
$input-border-radius-lg: $border-radius-lg !default;
$input-border-radius-sm: $border-radius-sm !default;
$input-bg-focus: $input-bg;
$input-bg-focus: $input-bg !default;
$input-border-focus: #66afe9 !default;
$input-box-shadow-focus: rgba(102,175,233,.6) !default;
$input-color-focus: $input-color;
$input-box-shadow-focus: $input-box-shadow, 0 0 8px rgba(102,175,233,.6) !default;
$input-color-focus: $input-color !default;
$input-color-placeholder: #999 !default;

3
scss/mixins/_forms.scss
View File

@ -54,8 +54,7 @@
background-color: $input-bg-focus;
border-color: $input-border-focus;
outline: none;
$shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $input-box-shadow-focus;
@include box-shadow($shadow);
@include box-shadow($input-box-shadow-focus);
}
}