Sha256: c7309475e7c64d682f68e84dc699c4dbfa543a7afe38ffa928c02daa9da39a95

Contents?: true

Size: 1.15 KB

Versions: 11

Compression:

Stored size: 1.15 KB

Contents

/**
 * MUI Ripple module
 */

.mui-btn__ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.mui-ripple {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.0001, 0.0001);

  &.mui--is-animating {
    transform: none;
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1),
                width 0.3s cubic-bezier(0, 0, 0.2, 1),
                height 0.3s cubic-bezier(0, 0, 0.2, 1),
                opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  }

  &.mui--is-visible {
    opacity: 0.3;
  }
}

.mui-btn .mui-ripple {
  background-color: $mui-btn-default-ripple-color;
}

.mui-btn--primary .mui-ripple {
  background-color: $mui-btn-primary-ripple-color;
}

.mui-btn--dark .mui-ripple {
  background-color: $mui-btn-dark-ripple-color;
}

.mui-btn--danger .mui-ripple {
  background-color: $mui-btn-danger-ripple-color;
}

.mui-btn--accent .mui-ripple {
  background-color: $mui-btn-accent-ripple-color;
}

.mui-btn--flat .mui-ripple {
  background-color: $mui-btn-flat-ripple-color;
}

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
mui-sass-0.9.35 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.34 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.33 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.31 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.29 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.28 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.27 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.26 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.24 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.21 vendor/assets/stylesheets/mui/_ripple.scss
mui-sass-0.9.14 vendor/assets/stylesheets/mui/_ripple.scss