add destructive-ghost button variant
This commit is contained in:
parent
54c1bd4e41
commit
e7cc7384ce
1 changed files with 10 additions and 0 deletions
|
|
@ -15,6 +15,7 @@
|
|||
| 'element-ghost'
|
||||
| 'text'
|
||||
| 'destructive'
|
||||
| 'destructive-ghost'
|
||||
| 'notice'
|
||||
| 'subtle'
|
||||
| undefined
|
||||
|
|
@ -312,6 +313,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
:global([data-button-root].destructive-ghost) {
|
||||
background: transparent;
|
||||
color: $error;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: $error--bg--light;
|
||||
}
|
||||
}
|
||||
|
||||
:global([data-button-root].notice) {
|
||||
background-color: var(--notice-button-bg);
|
||||
color: var(--notice-button-text);
|
||||
|
|
|
|||
Loading…
Reference in a new issue