_ripple.scss (material2-7.3.2) | : | _ripple.scss (material2-7.3.3) | ||
---|---|---|---|---|
skipping to change at line 43 | skipping to change at line 43 | |||
} | } | |||
} | } | |||
} | } | |||
/* Theme for the ripple elements.*/ | /* Theme for the ripple elements.*/ | |||
@mixin mat-ripple-theme($theme) { | @mixin mat-ripple-theme($theme) { | |||
$foreground: map_get($theme, foreground); | $foreground: map_get($theme, foreground); | |||
$foreground-base: map_get($foreground, base); | $foreground-base: map_get($foreground, base); | |||
.mat-ripple-element { | .mat-ripple-element { | |||
background-color: rgba($foreground-base, $mat-ripple-color-opacity); | // If the ripple color is resolves to a color *type*, we can use it directly | |||
, otherwise | ||||
// (e.g. it resolves to a CSS variable) we fall back to using the color and | ||||
setting an opacity. | ||||
@if (type-of($foreground-base) == color) { | ||||
background-color: rgba($foreground-base, $mat-ripple-color-opacity); | ||||
} | ||||
@else { | ||||
background-color: $foreground-base; | ||||
opacity: $mat-ripple-color-opacity; | ||||
} | ||||
} | } | |||
} | } | |||
End of changes. 1 change blocks. | ||||
1 lines changed or deleted | 11 lines changed or added |