Add more button states?
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
		
							parent
							
								
									200d7a1708
								
							
						
					
					
						commit
						e71f4d468b
					
				@ -509,16 +509,34 @@
 | 
				
			|||||||
    opacity: 0.5;
 | 
					    opacity: 0.5;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &:hover:not([disabled]) {
 | 
					  &:not([disabled]) {
 | 
				
			||||||
    background-color: darken($ui-base-color, 10%);
 | 
					    &:hover {
 | 
				
			||||||
  }
 | 
					      background-color: darken($ui-base-color, 10%);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &.active {
 | 
					    &:focus {
 | 
				
			||||||
    background-color: $ui-highlight-color;
 | 
					      background-color: darken($ui-base-color, 15%);
 | 
				
			||||||
  }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &.active:hover:not([disabled]) {
 | 
					    &:active {
 | 
				
			||||||
    background-color: lighten($ui-highlight-color, 10%);
 | 
					      background-color: darken($ui-base-color, 20%);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.active {
 | 
				
			||||||
 | 
					      background-color: $ui-highlight-color;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:hover {
 | 
				
			||||||
 | 
					        background-color: lighten($ui-highlight-color, 10%);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:focus {
 | 
				
			||||||
 | 
					        background-color: lighten($ui-highlight-color, 15%);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					      &:active {
 | 
				
			||||||
 | 
					        background-color: lighten($ui-highlight-color, 20%);
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  /* TODO: check RTL? */
 | 
					  /* TODO: check RTL? */
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user