Projet

Général

Profil

0001-scss-introduce-inverted-button-cancel-button-style-5.patch

Thomas Jund, 07 avril 2022 11:35

Télécharger (1,42 ko)

Voir les différences:

Subject: [PATCH] scss: introduce %inverted-button & $cancel-button-style
 (#51789)

 static/includes/_forms.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)
static/includes/_forms.scss
23 23

  
24 24
$button-focus-outline: $widget-focus-outline !default;
25 25
$button-focus-outline-offset: $widget-focus-outline-offset !default;
26
$cancel-button-style: "%button" !default; // "%button" || "%inverted-button" || .custom-selector
26 27

  
27 28
$widget-custom-radio-checkbox: false !default;
28 29
$widget-custom-radio-checkbox-color: $button-background !default;
......
216 217
	}
217 218
}
218 219

  
219
%cancel-button {
220
%inverted-button {
220 221
	@extend %button;
222
	background-color: $button-color;
223
	color: $button-background;
224
	@if (extract-color($button-border) == transparent) 
225
		and (lightness($button-color) > 90%) {
226
		border: 1px solid $button-background;
227
	} @else {
228
		border: $button-border;
229
	}
230
	&:hover {
231
		background: $button-hover-color;
232
		color: $button-hover-background;
233
	}
234
}
235

  
236
%cancel-button {
237
	@extend #{$cancel-button-style};
221 238
}
222 239

  
223 240
.fargo-pick-popup button,
224
-