| 1 | @use './button-theme';
|
| 2 |
|
| 3 | $theme: (
|
| 4 | contained: (
|
| 5 | container-color: red,
|
| 6 | container-disabled-color: green,
|
| 7 | label-color: black,
|
| 8 | label-disabled-color: aqua,
|
| 9 | shape: 0 4px 4px 0,
|
| 10 | ),
|
| 11 | text: (
|
| 12 | label-color: red,
|
| 13 | label-disabled-color: aqua,
|
| 14 | shape: 0 4px 4px 0,
|
| 15 | ),
|
| 16 | outlined: (
|
| 17 | label-color: red,
|
| 18 | outline-color: blue,
|
| 19 | outline-disabled-color: orange,
|
| 20 | shape: 0 4px 4px 0,
|
| 21 | ),
|
| 22 | );
|
| 23 |
|
| 24 | mwc-button {
|
| 25 | @include button-theme.theme($theme);
|
| 26 | --mdc-button-horizontal-padding: 5px;
|
| 27 | --mdc-button-outline-width: 2px;
|
| 28 | }
|