scss: use gray outline for radio/checkboxes if border is transparent (#35466)
This commit is contained in:
parent
5a639f8c40
commit
2bcc4022f0
|
@ -197,6 +197,9 @@ input[type="radio"] {
|
|||
@if $widget-focus-outline == none {
|
||||
outline: $widget-border;
|
||||
outline-style: dotted;
|
||||
@if extract-color($widget-border) == transparent {
|
||||
outline-color: #444;
|
||||
}
|
||||
} @else {
|
||||
outline: $widget-focus-outline;
|
||||
outline-offset: $widget-focus-outline-offset;
|
||||
|
@ -401,6 +404,9 @@ div.select2-search {
|
|||
&:focus + span {
|
||||
@if $widget-focus-outline == none {
|
||||
outline: $widget-border;
|
||||
@if extract-color($widget-border) == transparent {
|
||||
outline-color: #444;
|
||||
}
|
||||
outline-style: dotted;
|
||||
} @else {
|
||||
outline: $widget-focus-outline;
|
||||
|
|
|
@ -22,3 +22,8 @@ $black: #000000 !default;
|
|||
@return $white;
|
||||
}
|
||||
}
|
||||
|
||||
@function extract-color($border){
|
||||
@each $part in $border { @if type-of($part) == color { @return $part; } }
|
||||
@return null;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue