2016-07-15 20:03:16 +02:00
|
|
|
/// ripple.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
|
|
|
|
sg-ripple {
|
|
|
|
border-radius: 100%;
|
|
|
|
height: 0px;
|
|
|
|
width: 0px;
|
|
|
|
position: absolute;
|
2016-08-01 17:55:21 +02:00
|
|
|
transition: width 800ms linear, height 800ms linear, background-color 400ms linear 200ms;
|
2016-07-15 20:03:16 +02:00
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
opacity: 1;
|
2016-08-01 17:55:21 +02:00
|
|
|
z-index: $z-index-scroll-mask;
|
2016-07-15 20:03:16 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
sg-ripple-content {
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
2016-08-01 17:55:21 +02:00
|
|
|
z-index: $z-index-scroll-mask + 1;
|
2016-07-15 20:03:16 +02:00
|
|
|
}
|