| 
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