blob: 9aff43174f0966f8ca415151bf47e1233ec051aa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
/* Activities Ripple */
$ripple_size: 50px;
.ripple-box {
background-color: rgba(255,255,255,0.2);
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2);
// plus + 2px for the border (box-shadow)
width: $ripple_size + 2px;
height: $ripple_size + 2px;
border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve
// just a simple change to the border radius position
&:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
}
|
