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'
|
| 'element-ghost'
|
||||||
| 'text'
|
| 'text'
|
||||||
| 'destructive'
|
| 'destructive'
|
||||||
|
| 'destructive-ghost'
|
||||||
| 'notice'
|
| 'notice'
|
||||||
| 'subtle'
|
| 'subtle'
|
||||||
| undefined
|
| 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) {
|
:global([data-button-root].notice) {
|
||||||
background-color: var(--notice-button-bg);
|
background-color: var(--notice-button-bg);
|
||||||
color: var(--notice-button-text);
|
color: var(--notice-button-text);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue