mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-02 02:10:27 +00:00
Update button animation behavior
This commit is contained in:
@@ -58,22 +58,9 @@ const Btn = styled.button<Props>`
|
|||||||
: 'inherit'};
|
: 'inherit'};
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
|
||||||
color: ${({ variant, dark, theme }) =>
|
|
||||||
variant === 'outline'
|
|
||||||
? dark
|
|
||||||
? theme.colors.dark.background
|
|
||||||
: theme.colors.light.background
|
|
||||||
: 'inherit'};
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover::before {
|
&:hover::before {
|
||||||
transform: scaleX(1);
|
transform: scaleX(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus::before {
|
|
||||||
transform: scaleX(1);
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Button: FC<Props & { className?: string }> = ({
|
const Button: FC<Props & { className?: string }> = ({
|
||||||
|
|||||||
Reference in New Issue
Block a user