Projet

Général

Profil

0001-style-use-outline-for-focused-widgets-62209.patch

Frédéric Péters, 27 février 2022 10:42

Télécharger (1,41 ko)

Voir les différences:

Subject: [PATCH] style: use outline for focused widgets (#62209)

 gadjo/static/css/_forms.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)
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
-