bsw/jbe@1309: /**
bsw/jbe@1309:  * Copyright 2015 Google Inc. All Rights Reserved.
bsw/jbe@1309:  *
bsw/jbe@1309:  * Licensed under the Apache License, Version 2.0 (the "License");
bsw/jbe@1309:  * you may not use this file except in compliance with the License.
bsw/jbe@1309:  * You may obtain a copy of the License at
bsw/jbe@1309:  *
bsw/jbe@1309:  *      http://www.apache.org/licenses/LICENSE-2.0
bsw/jbe@1309:  *
bsw/jbe@1309:  * Unless required by applicable law or agreed to in writing, software
bsw/jbe@1309:  * distributed under the License is distributed on an "AS IS" BASIS,
bsw/jbe@1309:  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
bsw/jbe@1309:  * See the License for the specific language governing permissions and
bsw/jbe@1309:  * limitations under the License.
bsw/jbe@1309:  */
bsw/jbe@1309: 
bsw/jbe@1309: @import "../variables";
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-ripple {
bsw/jbe@1309:   background       : $ripple-bg-color;
bsw/jbe@1309:   border-radius    : 50%;
bsw/jbe@1309:   height           : 50px;
bsw/jbe@1309:   left             : 0;
bsw/jbe@1309:   opacity          : 0;
bsw/jbe@1309:   pointer-events   : none;
bsw/jbe@1309:   position         : absolute;
bsw/jbe@1309:   top              : 0;
bsw/jbe@1309:   transform        : translate(-50%, -50%);
bsw/jbe@1309:   width            : 50px;
bsw/jbe@1309:   overflow         : hidden;
bsw/jbe@1309: 
bsw/jbe@1309:   &.is-animating {
bsw/jbe@1309:     transition: transform 0.3s $animation-curve-linear-out-slow-in,
bsw/jbe@1309:     width 0.3s $animation-curve-linear-out-slow-in,
bsw/jbe@1309:     height 0.3s $animation-curve-linear-out-slow-in,
bsw/jbe@1309:     opacity 0.6s $animation-curve-linear-out-slow-in;
bsw/jbe@1309:   }
bsw/jbe@1309: 
bsw/jbe@1309:   &.is-visible {
bsw/jbe@1309:     opacity: 0.3;
bsw/jbe@1309:   }
bsw/jbe@1309: }