entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

scss: use gray outline for radio/checkboxes if border is transparent (#35466)

This commit is contained in:
Frédéric Péters 2019-08-20 08:38:30 +02:00
parent 5a639f8c40
commit 2bcc4022f0
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/includes/_forms.scss
View File

@ -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;

5
static/includes/_utils.scss
View File

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