Move background color to a custom property so the :hover color cascades correctly.
This commit is contained in:
		
							parent
							
								
									8432825c1e
								
							
						
					
					
						commit
						119d476d5c
					
				| 
						 | 
				
			
			@ -25,15 +25,15 @@
 | 
			
		|||
    padding: 0;
 | 
			
		||||
 | 
			
		||||
    &.enabled {
 | 
			
		||||
      background-color: var(--da-4);
 | 
			
		||||
      --button-background-color: var(--da-4);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &.disabled {
 | 
			
		||||
      background-color: var(--da-2);
 | 
			
		||||
      --button-background-color: var(--da-2);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &.share {
 | 
			
		||||
      background-color: var(--da-7);
 | 
			
		||||
      --button-background-color: var(--da-7);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -8,7 +8,7 @@
 | 
			
		|||
  margin-bottom: 16px;
 | 
			
		||||
 | 
			
		||||
  .button {
 | 
			
		||||
    background-color: var(--da-3);
 | 
			
		||||
    background-color: var(--button-background-color, var(--da-3));
 | 
			
		||||
    border: none;
 | 
			
		||||
    color: var(--db-1);
 | 
			
		||||
    cursor: pointer;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Reference in New Issue