0001-style-use-outline-for-focused-widgets-62209.patch
gadjo/static/css/_forms.scss | ||
---|---|---|
11 | 11 |
$widget-focus-border: $widget-border; |
12 | 12 |
$widget-border-radius: 0; |
13 | 13 |
$widget-color: black; |
14 |
$widget-focus-color: black;
|
|
15 |
$widget-focus-outline: none;
|
|
14 |
$widget-focus-color: $widget-color;
|
|
15 |
$widget-focus-outline: 1px solid $primary-color;
|
|
16 | 16 |
$widget-focus-outline-offset: 0; |
17 | 17 | |
18 | 18 |
$data_uri_arrow-down: "arrow-down.svg"; |
... | ... | |
209 | 209 |
@include vendor-prefix('transition', 'background-size 0.2s ease'); |
210 | 210 |
background: $widget-background; |
211 | 211 |
color: $widget-color; |
212 |
&:focus:not([readonly]) { |
|
213 |
background-color: $widget-focus-background; |
|
214 |
border: $widget-focus-border; |
|
215 |
color: $widget-focus-color; |
|
216 |
} |
|
212 | 217 |
&:focus { |
213 |
border-bottom-color: $button-submit-color; |
|
218 |
outline: $widget-focus-outline; |
|
219 |
outline-offset: $widget-focus-outline-offset; |
|
214 | 220 |
} |
215 | 221 |
&.disabled, |
216 | 222 |
&[disabled] { |
217 |
- |