fix button styles.
This commit is contained in:
		@@ -260,11 +260,13 @@
 | 
				
			|||||||
        --button-text: var(--color-info);
 | 
					        --button-text: var(--color-info);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      &:hover {
 | 
					      &:hover {
 | 
				
			||||||
        --button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
 | 
					        color: var(--button-text);
 | 
				
			||||||
 | 
					        background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
 | 
				
			||||||
        box-shadow: var(--elevation-0);
 | 
					        box-shadow: var(--elevation-0);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      &:active {
 | 
					      &:active {
 | 
				
			||||||
        --button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
 | 
					        color: var(--button-text);
 | 
				
			||||||
 | 
					        background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    &.text:disabled {
 | 
					    &.text:disabled {
 | 
				
			||||||
@@ -296,11 +298,13 @@
 | 
				
			|||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      &:hover {
 | 
					      &:hover {
 | 
				
			||||||
        --button-surface: color-mix(in oklch, var(--button-text) 8%, transparent);
 | 
					        color: var(--button-text);
 | 
				
			||||||
 | 
					        background-color: color-mix(in oklch, var(--button-text) 8%, transparent);
 | 
				
			||||||
        box-shadow: var(--elevation-0);
 | 
					        box-shadow: var(--elevation-0);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      &:active {
 | 
					      &:active {
 | 
				
			||||||
        --button-surface: color-mix(in oklch, var(--button-text) 18%, transparent);
 | 
					        color: var(--button-text);
 | 
				
			||||||
 | 
					        background-color: color-mix(in oklch, var(--button-text) 18%, transparent);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    &.icon:disabled {
 | 
					    &.icon:disabled {
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user