Skip to content

Instantly share code, notes, and snippets.

@eriteric
Last active January 12, 2016 18:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eriteric/4eaf0d89854268c8330f to your computer and use it in GitHub Desktop.
Save eriteric/4eaf0d89854268c8330f to your computer and use it in GitHub Desktop.
Change Bootstrap 3 Input Outer Glow
.form-control:focus {
border-color: #FF0000;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
//For Sass version of BS3 https://github.com/twbs/bootstrap/commit/73c048578dfce7c6d4e8c9d4fe6c6bd22b2ff9b2
// _variables.scss: ~line 208
//** Border color for inputs on focus
$input-border-focus: #66afe9 !default;
//mixins/_forms.scss ~line 55
@mixin form-control-focus($color: $input-border-focus) {
$color-rgba: rgba(red($color), green($color), blue($color), .6);
&:focus {
border-color: $color;
outline: 0;
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px $color-rgba);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment