diff options
| author | Joe Carstairs <65492573+joeacarstairs@users.noreply.github.com> | 2024-01-11 08:32:14 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-11 08:32:14 +0000 |
| commit | a4f3cb02befe658594c076144be2e5200f36682a (patch) | |
| tree | c7de78e01fd5d13446cb6d4573677b56275026b0 /scss/modules/link.scss | |
| parent | fe9844b8eac1daf3eeedf141e223d0733c892fa0 (diff) | |
Update 2024/01/11 (#61)
* Edit README (#28)
* Corrects Lallans instructions
* Adds instructions for adding a Scotsoun release
* Documents infrastructure
* Better contribution guidance
* Update README (#29)
* Updates references to branch names in README
* ESLint ignores Markdown
* Documents Coding Style
* Specifies upstream branch in README where salient
* Eiks 31 (#41)
* Eiks 31
* Prettier dl's
* Prettier headings
---------
Co-authored-by: Joe Carstairs <jcarstairs@scottlogic.com>
* Reorder news (#42)
* Reslugs news items
* Fixes typo in getMostRecentNewsItem()
* Fixes typo in newUtils.getDate()
* Sorts news index from most recent to oldest
* Update production (#37) (#49)
* Edit README (#28)
* Corrects Lallans instructions
* Adds instructions for adding a Scotsoun release
* Documents infrastructure
* Better contribution guidance
* Update README (#29)
* Updates references to branch names in README
* ESLint ignores Markdown
* Documents Coding Style
* Specifies upstream branch in README where salient
* Fixes Sangschaw winners list in Eiks 30 (#35)
* Fixes Sangschaw winners list in Eiks 30 (#36)
* Fixes Sangschaw winners list in Eiks 30 (#38)
* Improve CSS reset (#51)
* Font size inflation
* Removes main adjustment for IE
* Documents hr corrections
* Documents pre corrections
* Documents abbr[title] corrections
* Documents b, strong corrections
* Squishes pre rule with code,kbd,samp
* Documents sub,sub line-height fix
* Removes IE fix for img borders
* Documents form control resets
* Documents details display:block
* Documents summary correction
* Removes [hidden] fix for IE
* Adds border-box sizing rules
* Refactors links
* Adds Sangschaw ad to top of homepage (#59)
Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
---------
Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Co-authored-by: Joe Carstairs <jcarstairs@scottlogic.com>
Co-authored-by: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Diffstat (limited to 'scss/modules/link.scss')
| -rw-r--r-- | scss/modules/link.scss | 33 |
1 files changed, 16 insertions, 17 deletions
diff --git a/scss/modules/link.scss b/scss/modules/link.scss index dfcabcf..83206d4 100644 --- a/scss/modules/link.scss +++ b/scss/modules/link.scss @@ -1,32 +1,31 @@ -.link { +a, .link { color: var(--special-text-color); text-decoration-line: underline; text-decoration-color: var(--special-text-color); 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, text-decoration-thickness 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(3 * var(--relative-eighth-rem)); - transition: - color 300ms, - text-decoration-color 300ms, - text-decoration-thickness 300ms, - border-color 300ms; -} + &:is(:hover, :focus, :focus-visible, :focus-within), + .group-hover:is(:hover, :focus, :focus-visible, :focus-within) & { + text-decoration-color: currentColor; + text-decoration-thickness: calc(3 * var(--relative-eighth-rem)); + transition: + color 300ms, + text-decoration-color 300ms, + text-decoration-thickness 300ms, + border-color 300ms; + } -.link:focus, .link:focus-visible { - box-shadow: none; - outline: none; - border-color: var(--special-text-color); + &:is(:focus, :focus-visible, :focus-within) { + box-shadow: none; + outline: none; + border-color: var(--special-text-color); + } } |