• Home
• io.github.palexdev
• materialfx-all
• 11.25.0
• source code
• _ripple.scss

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

io.github.palexdev.mfxresources.themes.material.abstracts._ripple.scss Maven / Gradle / Ivy

@use "../tokens/theme" as Theme;

/// Computes the color of the ripple layer given the base color and the interaction/layer state
@function RippleLayer($color, $layer_state) {
  @return rgba(Theme.GetSchemeColor($color), Theme.GetStateLayer($layer_state));
}

/// Shortcut for the ripple_layer function with 'pressed' as the interaction state.
/// On the web, the ripple layer is an actual container that changes its color based on the user interaction with the
/// component. Here on the desktop the ripple is not a layer but just an effect, because of this, the ripple color
/// will always refer to the 'pressed' state.
@function Ripple($color) {
  @return RippleLayer($color, 'pressed');
}