source: trip-planner-front/node_modules/@angular/material/core/ripple/_ripple-theme.scss@ e29cc2e

@use 'sass:map';
@use 'sass:meta';
@use '../theming/theming';

// Colors for the ripple elements.
@mixin color($config-or-theme) {
  $config: theming.get-color-config($config-or-theme);
  $foreground: map.get($config, foreground);
  $foreground-base: map.get($foreground, base);
  $color-opacity: 0.1;

  .mat-ripple-element {
    // 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 (meta.type-of($foreground-base) == color) {
      background-color: rgba($foreground-base, $color-opacity);
    }
    @else {
      background-color: $foreground-base;
      opacity: $color-opacity;
    }
  }
}

@mixin theme($theme-or-color-config) {
  $theme: theming.private-legacy-get-theme($theme-or-color-config);
  @include theming.private-check-duplicate-theme-styles($theme, 'mat-ripple') {
    $color: theming.get-color-config($theme);
    @if $color != null {
      @include color($color);
    }
  }
}