mirror of
https://github.com/He4eT/xecut-site.git
synced 2026-05-04 17:37:26 +00:00
menu: link border animation
This commit is contained in:
parent
1d92374aec
commit
fe69734d27
1 changed files with 4 additions and 4 deletions
|
|
@ -33,16 +33,16 @@ header.menu {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Link style reset */
|
/* Link Style */
|
||||||
|
|
||||||
header.menu a {
|
header.menu a {
|
||||||
color: var(--color-fg);
|
color: var(--color-fg);
|
||||||
border-block-end: 0;
|
border-block-end: calc(0.8 * var(--step)) solid;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
transition: border-color 0.3s ease;
|
transition: border-color 0.2s ease;
|
||||||
}
|
}
|
||||||
header.menu a:hover {
|
header.menu a:hover {
|
||||||
border-block-end: calc(0.8 * var(--step)) solid var(--color-fg);
|
border-color: var(--color-fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Topbar */
|
/* Topbar */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue