_ripple-box.scss

        
            
1
            /* Activities Ripple */
        
            
2
            
        
            
3
            .ripple-box {
        
            
4
              width: 48px;
        
            
5
              height: 48px;
        
            
6
              border-radius: 0 0 48px 0; // radius equals the size of the box to give us the curve
        
            
7
              box-shadow: none;
        
            
8
              background-color: stroke($on-dark);
        
            
9
              background-image: none;
        
            
10
              background-size: auto;
        
            
11
            
        
            
12
              // just a simple change to the border radius position
        
            
13
              &:rtl {
        
            
14
                border-radius: 0 0 0 48px;
        
            
15
                background-image: none;
        
            
16
              }
        
            
17
            }
        
            
18