mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 10:34:07 +02:00
Code Issues Releases Wiki Activity

update new focus and shadow properties to use vars

Browse Source
This commit is contained in:
Mark Otto
2017-10-25 12:30:29 -07:00
parent 04b32db845
commit af9df8c308
4 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/mixins/_forms.scss
View File

@@ -18,9 +18,9 @@
outline: none;
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $input-box-shadow, $input-btn-focus-box-shadow;
box-shadow: $input-box-shadow, $input-focus-box-shadow;
} @else {
box-shadow: $input-btn-focus-box-shadow;
box-shadow: $input-focus-box-shadow;
}
}
}
@@ -57,7 +57,7 @@
border-color: $color;
&:focus {
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .25);
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
~ .#{$state}-feedback,
@@ -90,7 +90,7 @@
}
&:focus {
~ .custom-control-indicator {
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width rgba($color, .25);
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
}
}
}
@@ -107,7 +107,7 @@
}
&:focus {
~ .custom-file-control {
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .25);
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
}
}