liquid_feedback_frontend
annotate style/mdl/ripple/_ripple.scss @ 1414:cd497eb8fd73
Added forced sleep at end of notification loops
| author | bsw |
|---|---|
| date | Sun Aug 26 13:40:28 2018 +0200 (2018-08-26) |
| parents | 32cc544d5a5b |
| children |
| rev | line source |
|---|---|
| bsw/jbe@1309 | 1 /** |
| bsw/jbe@1309 | 2 * Copyright 2015 Google Inc. All Rights Reserved. |
| bsw/jbe@1309 | 3 * |
| bsw/jbe@1309 | 4 * Licensed under the Apache License, Version 2.0 (the "License"); |
| bsw/jbe@1309 | 5 * you may not use this file except in compliance with the License. |
| bsw/jbe@1309 | 6 * You may obtain a copy of the License at |
| bsw/jbe@1309 | 7 * |
| bsw/jbe@1309 | 8 * http://www.apache.org/licenses/LICENSE-2.0 |
| bsw/jbe@1309 | 9 * |
| bsw/jbe@1309 | 10 * Unless required by applicable law or agreed to in writing, software |
| bsw/jbe@1309 | 11 * distributed under the License is distributed on an "AS IS" BASIS, |
| bsw/jbe@1309 | 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| bsw/jbe@1309 | 13 * See the License for the specific language governing permissions and |
| bsw/jbe@1309 | 14 * limitations under the License. |
| bsw/jbe@1309 | 15 */ |
| bsw/jbe@1309 | 16 |
| bsw/jbe@1309 | 17 @import "../variables"; |
| bsw/jbe@1309 | 18 |
| bsw/jbe@1309 | 19 .mdl-ripple { |
| bsw/jbe@1309 | 20 background : $ripple-bg-color; |
| bsw/jbe@1309 | 21 border-radius : 50%; |
| bsw/jbe@1309 | 22 height : 50px; |
| bsw/jbe@1309 | 23 left : 0; |
| bsw/jbe@1309 | 24 opacity : 0; |
| bsw/jbe@1309 | 25 pointer-events : none; |
| bsw/jbe@1309 | 26 position : absolute; |
| bsw/jbe@1309 | 27 top : 0; |
| bsw/jbe@1309 | 28 transform : translate(-50%, -50%); |
| bsw/jbe@1309 | 29 width : 50px; |
| bsw/jbe@1309 | 30 overflow : hidden; |
| bsw/jbe@1309 | 31 |
| bsw/jbe@1309 | 32 &.is-animating { |
| bsw/jbe@1309 | 33 transition: transform 0.3s $animation-curve-linear-out-slow-in, |
| bsw/jbe@1309 | 34 width 0.3s $animation-curve-linear-out-slow-in, |
| bsw/jbe@1309 | 35 height 0.3s $animation-curve-linear-out-slow-in, |
| bsw/jbe@1309 | 36 opacity 0.6s $animation-curve-linear-out-slow-in; |
| bsw/jbe@1309 | 37 } |
| bsw/jbe@1309 | 38 |
| bsw/jbe@1309 | 39 &.is-visible { |
| bsw/jbe@1309 | 40 opacity: 0.3; |
| bsw/jbe@1309 | 41 } |
| bsw/jbe@1309 | 42 } |