From 0cb6960f0c65c0d791ccdee2f5bc2e2b910cfb76 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> Date: Fri, 19 Jan 2024 09:16:42 +0000 Subject: Uses SCSS partials (#64) --- scss/modules/_link.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 scss/modules/_link.scss (limited to 'scss/modules/_link.scss') diff --git a/scss/modules/_link.scss b/scss/modules/_link.scss new file mode 100644 index 0000000..2f827c4 --- /dev/null +++ b/scss/modules/_link.scss @@ -0,0 +1,27 @@ +a, .link { + color: var(--special-text-color); + text-decoration-line: underline; + text-decoration-color: var(--special-text-color); + border: dotted transparent var(--border-width); + transition: + color 100ms, + text-decoration-color 100ms, + border-color 100ms; + + &:is(:hover, :focus, :focus-visible, :focus-within), + .group-hover:is(:hover, :focus, :focus-visible, :focus-within) & { + text-decoration-color: currentColor; + text-decoration-style: wavy; + transition: + color 300ms, + text-decoration-color 300ms, + border-color 300ms; + } + + &:is(:focus, :focus-visible, :focus-within) { + box-shadow: none; + outline: none; + border-color: var(--special-text-color); + } +} + -- cgit v1.2.3