jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-18 13:45:34 -04:00
Code Issues Activity

make link underlines and rounded corners proportional to font size

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-01 14:19:23 -05:00
parent 83f06d2abd
commit c4e212f6de
5 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/Link/Link.module.css
View File

@@ -4,7 +4,8 @@
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% var(--link-underline-size);
padding-bottom: var(--link-underline-size);
padding-bottom: 0.2rem;
/* background-size is for hover animation, color & border are for theme fading: */
transition: background-size 0.25s ease-in-out, color 0.25s ease, border 0.25s ease;
}