0001-scss-define-color-for-checked-custom-radio-checkbox-.patch
help/fr/misc-scss.page | ||
---|---|---|
519 | 519 |
personnalisé.</p></td> |
520 | 520 |
<td><p><var>$button-background</var></p></td> |
521 | 521 |
</tr> |
522 |
<tr> |
|
523 |
<td><p><code>$widget-custom-checked-radio-color</code></p></td> |
|
524 |
<td><p>Rendu personnalisé des cases et des boutons radios cochés (plutôt |
|
525 |
que le rendu standard proposé par le navigateur).</p></td> |
|
526 |
<td><p><var>$widget-custom-radio-checkbox-color</var></p></td> |
|
527 |
</tr> |
|
522 | 528 |
<tr> |
523 | 529 |
<td><p><code>$widget-unique-checkbox-position</code></p></td> |
524 | 530 |
<td><p>Positionnement de la case à cocher d'un champ de type « Case à |
static/includes/_forms.scss | ||
---|---|---|
24 | 24 | |
25 | 25 |
$widget-custom-radio-checkbox: false !default; |
26 | 26 |
$widget-custom-radio-checkbox-color: $button-background !default; |
27 |
$widget-custom-checked-radio-checkbox-color: $widget-custom-radio-checkbox-color !default; |
|
27 | 28 |
$widget-unique-checkbox-position: bottom !default; // also possible: left |
28 | 29 | |
29 | 30 |
// $form-style: global style of form elements; possible values are: |
... | ... | |
431 | 432 |
} |
432 | 433 |
} |
433 | 434 |
&:checked + span::after { |
434 |
background: $widget-custom-radio-checkbox-color; |
|
435 |
background: $widget-custom-checked-radio-checkbox-color;
|
|
435 | 436 |
} |
436 | 437 |
&[disabled]:checked + span::after { |
437 | 438 |
background: grayscale($widget-custom-radio-checkbox-color); |
438 |
- |