Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

_ripple-box.scss

View raw Download

text/plain • 398 B
ASCII text

        
            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