/* Activities Ripple */

$ripple_size: 50px;

.ripple-box {
  background-color: rgba($primary_color, 0.35);
  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; }
}
