add danger button hover styles
This commit is contained in:
parent
3de1cfed29
commit
fd8f0bddab
@ -42,6 +42,7 @@ import {
|
||||
btnDangerBorder,
|
||||
btnDangerColor,
|
||||
btnDangerBg,
|
||||
btnDangerBgHover,
|
||||
btnDarkBorder,
|
||||
btnDarkColor,
|
||||
btnDarkBg,
|
||||
@ -924,6 +925,7 @@ const Button = styled(BaseButton)`
|
||||
&:hover,
|
||||
.buttonWrapper:hover & {
|
||||
color: ${btnDangerColor};
|
||||
background-color: ${btnDangerBgHover};
|
||||
}
|
||||
`}
|
||||
|
||||
|
@ -64,6 +64,7 @@ const btnWarningBg = `var(--btn-warning-bg, ${colorWarning})`;
|
||||
const btnDangerBorder = `var(--btn-danger-border, ${colorDanger})`;
|
||||
const btnDangerColor = `var(--btn-danger-color, ${colorWhite})`;
|
||||
const btnDangerBg = `var(--btn-danger-bg, ${colorDanger})`;
|
||||
const btnDangerBgHover = 'var(--btn-danger-bg-hover, #C61C1C)';
|
||||
|
||||
const btnDarkBorder = `var(--btn-dark-border, ${colorDanger})`;
|
||||
const btnDarkColor = `var(--btn-dark-color, ${colorWhite})`;
|
||||
@ -171,6 +172,7 @@ export {
|
||||
btnDangerBorder,
|
||||
btnDangerColor,
|
||||
btnDangerBg,
|
||||
btnDangerBgHover,
|
||||
btnDarkBorder,
|
||||
btnDarkColor,
|
||||
btnDarkBg,
|
||||
|
Loading…
Reference in New Issue
Block a user