mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +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

12
scss/mixins/_buttons.scss
View File

@@ -19,9 +19,9 @@
&.focus {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $btn-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
} @else {
box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
}
}
@@ -44,9 +44,9 @@
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $btn-active-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
} @else {
box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
}
}
}
@@ -65,7 +65,7 @@
&:focus,
&.focus {
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
}
&.disabled,
@@ -81,7 +81,7 @@
background-color: $color;
border-color: $color;
// Avoid using mixin so we can pass custom focus shadow properly
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
}
}

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);
}
}
}