0001-scss-introduce-inverted-button-cancel-button-style-5.patch
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 |
- |