mirror of
https://github.com/XFox111/my-website.git
synced 2026-04-22 07:28:01 +03:00
38 lines
591 B
SCSS
38 lines
591 B
SCSS
@use "@/_styles/theme" as *;
|
|
|
|
.navigation
|
|
{
|
|
@include flex(row);
|
|
align-items: center;
|
|
|
|
.link
|
|
{
|
|
@include body2($fontFamilyBaseAlt);
|
|
color: inherit;
|
|
padding: $spacingSNudge $spacingM;
|
|
|
|
@include flex(column);
|
|
|
|
> i
|
|
{
|
|
height: $strokeWidthThick;
|
|
background-color: $colorNeutralForeground1;
|
|
border-radius: $borderRadiusSmall;
|
|
width: 0;
|
|
|
|
transition: width $durationNormal $curveEasyEaseMax;
|
|
}
|
|
|
|
&:hover, &:focus-visible
|
|
{
|
|
color: $colorNeutralForegroundInverted;
|
|
|
|
> i
|
|
{
|
|
width: 100%;
|
|
background-color: $colorNeutralForegroundInverted;
|
|
}
|
|
}
|
|
}
|
|
}
|