i-rubik/src/style/components/wave.styl

A Vue.js 2.0+ UI Components Framework

.waves    
  &-container
    position absolute
    width 100%
    height 100%
    left 0
    top 0
    overflow hidden
    z-index 0
    color $waves-container-color
    pointer-events none
    &.light {
        color rgba(255,255,255, .45)
    }

  &-animation
    position absolute
    top 0
    left 0
    border-radius 50%
    background $waves-animation-background
    opacity 0
    transition $waves-animation-transition
    pointer-events none
    overflow hidden
    will-change opacity
      
    &-enter
      transition none
      
    &-visible
      opacity $waves-animation-visible-opacity