wrap box-shadows in mixin in custom forms. fixes #17242

This commit is contained in:
Mark Otto 2015-08-23 23:13:14 -07:00
parent 096ed52e06
commit 7d194a9bd3
1 changed files with 3 additions and 3 deletions

View File

@ -146,7 +146,7 @@
&:focus {
border-color: #51a7e8;
outline: none;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
@include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5));
}
// Hides the default caret in IE11
@ -197,7 +197,7 @@
background-color: #fff;
border: .075rem solid #ddd;
border-radius: .25rem;
box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);
@include box-shadow(inset 0 .2rem .4rem rgba(0,0,0,.05));
}
.file-custom:after {
content: "Choose file...";
@ -221,5 +221,5 @@
// Focus state
.file input:focus ~ .file-custom {
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
@include box-shadow(0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9);
}