make remove button contrast against item hover bg
This commit is contained in:
parent
441f6550db
commit
c0790b11c7
1 changed files with 6 additions and 2 deletions
|
@ -55,8 +55,12 @@ export function Item({ item, itemNameId, outfitState, dispatchToOutfit }) {
|
||||||
.item-container:hover &,
|
.item-container:hover &,
|
||||||
input:focus + .item-container & {
|
input:focus + .item-container & {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
color: ${theme.colors.gray["800"]};
|
}
|
||||||
backgroundcolor: ${theme.colors.gray["200"]};
|
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
background-color: ${theme.colors.gray["300"]};
|
||||||
|
color: ${theme.colors.gray["700"]};
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in a new issue