deblan-mirror/iconoir
deblan-mirror/iconoir
1
0
Fork 0
mirror of https://github.com/iconoir-icons/iconoir synced 2024-06-07 16:32:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: hover effect on navigation items

Browse source
This commit is contained in:
Sam Marks 2022-11-20 12:11:38 -05:00
parent ef47e9d3c9
commit 8e6297c3d4
No known key found for this signature in database
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
iconoir.com/components/NavigationItem.tsx
View file

@ -65,14 +65,15 @@ export const NavigationItemContainer = styled(Text15)<{ isActive?: boolean }>`
right: -24px;
transition: background 0.1s linear;
}
${(props) => (props.isActive ? '&' : '&.noop')} {
color: var(--white);
&::before {
background: var(--black);
}
}
&:hover::before {
background: var(--light-gray);
}
${(props) => (props.isActive ? '&' : '&.noop')} {
color: var(--white);
&::before,
&:hover::before {
background: var(--black);
}
}
}
`;