|
20 | 20 | // -------------------------------------------------------------------------------------------- |
21 | 21 | // Example usage: |
22 | 22 | // ion-color(primary, base) => var(--ion-color-primary, var(--ion-color-primary-bold)) |
23 | | -// ion-color(secondary, contrast) => var(--ion-color-secondary-contrast) |
24 | | -// ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb), 0.5) |
25 | | -// ion-color(primary, base, null, true) => var(--ion-color-primary-rgb) |
| 23 | +// ion-color(primary, contrast) => var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast)) |
| 24 | +// ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, var(--ion-color-primary-bold-rgb)), 0.5) |
| 25 | +// ion-color(primary, base, null, true) => var(--ion-color-primary-rgb, var(--ion-color-primary-bold-rgb)) |
26 | 26 | // ion-color(primary, base, null, null, true) => var(--ion-color-primary-subtle) |
| 27 | +// ion-color(primary, foreground, null, null, true) => var(--ion-color-primary-subtle-foreground) |
27 | 28 | // -------------------------------------------------------------------------------------------- |
28 | 29 | @function ion-color($name, $variation, $alpha: null, $rgb: null, $subtle: false) { |
29 | 30 | // Build base variable name |
|
0 commit comments