ASCII text
1
/* Activities Ripple */
2
$ripple_size: 50px;
4
.ripple-box {
6
background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
7
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
8
// plus + 2px for the border (box-shadow)
9
width: $ripple_size + 2px;
10
height: $ripple_size + 2px;
11
border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve
12
// just a simple change to the border radius position
14
&:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
15
}
16