_ripple-box.scss

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