summaryrefslogtreecommitdiff
path: root/scss/modules/link.scss
diff options
context:
space:
mode:
authorJoe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>2023-10-25 19:05:55 +0100
committerGitHub <noreply@github.com>2023-10-25 19:05:55 +0100
commitaee18bdbcfaf5226035f1e93629f86652bc347d9 (patch)
tree8118e59c31b9bef3345d0fb0b5d8864fb75365bd /scss/modules/link.scss
parent94f88956e0ab5dd420a0a0db38fb5e247fab0932 (diff)
parenta1c0a03822c7b7f05abecae8fc964f0af8475cd1 (diff)
Merge pull request #24 from Sycamost/21-shadow-hover-link
21 / Removes box shadow from link hover state and font weight transition on buttons
Diffstat (limited to 'scss/modules/link.scss')
-rw-r--r--scss/modules/link.scss16
1 files changed, 3 insertions, 13 deletions
diff --git a/scss/modules/link.scss b/scss/modules/link.scss
index d225e9d..dfcabcf 100644
--- a/scss/modules/link.scss
+++ b/scss/modules/link.scss
@@ -10,28 +10,18 @@
color 100ms,
text-decoration-color 100ms,
text-decoration-thickness 100ms,
- text-underline-offset 100ms,
- border-color 100ms,
- text-shadow 100ms;
+ border-color 100ms;
}
.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: calc(4 * var(--relative-eighth-rem));
- text-underline-offset: calc(3 * var(--relative-eighth-rem));
- text-shadow:
- 0 1px 0 currentColor,
- 1px 0 0 currentColor,
- 1px 0 0 currentColor,
- 0 1px 0 currentColor;
+ text-decoration-thickness: calc(3 * var(--relative-eighth-rem));
transition:
color 300ms,
text-decoration-color 300ms,
text-decoration-thickness 300ms,
- text-underline-offset 300ms,
- border-color 300ms,
- text-shadow 300ms;
+ border-color 300ms;
}
.link:focus, .link:focus-visible {