diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-24 09:19:16 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-24 09:19:16 +0100 |
| commit | a758d4dd0e6932170c325f3b047b1e22a4093260 (patch) | |
| tree | f676ad1d9a9e5184bbaecea352ae38108e0ce38c /public/css/modules/link.css | |
| parent | fee6dea4f2f7fb7979b120d820ba0f082b9d2ddc (diff) | |
Replaces px units with relative eighth rem units
Diffstat (limited to 'public/css/modules/link.css')
| -rw-r--r-- | public/css/modules/link.css | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/public/css/modules/link.css b/public/css/modules/link.css index 71dd753..4bf2fc7 100644 --- a/public/css/modules/link.css +++ b/public/css/modules/link.css @@ -2,10 +2,10 @@ color: var(--special-text-color); text-decoration-line: underline; text-decoration-color: var(--special-text-color); - text-decoration-thickness: 2px; - text-underline-offset: 2px; - border: dotted transparent 2px; - border-radius: 0.375rem; + text-decoration-thickness: var(--relative-eighth-rem); + text-underline-offset: var(--relative-eighth-rem); + border: dotted transparent var(--relative-eighth-rem); + border-radius: calc(3 * var(--relative-eighth-rem)); transition: color 100ms, text-decoration-color 100ms, @@ -19,8 +19,8 @@ .link:is(:hover, :focus, :focus-visible, :focus-within), .group-hover:is(:hover, :focus, :focus-visible, :focus-within) .link { text-decoration-color: currentColor; - text-decoration-thickness: 8px; - text-underline-offset: 4px; + text-decoration-thickness: calc(4 * var(--relative-eighth-rem)); + text-underline-offset: calc(3 * var(--relative-eighth-rem)); font-weight: 700; transition: color 300ms, |