diff options
| author | Mark Otto <markdotto@gmail.com> | 2022-11-12 20:35:34 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2022-11-12 20:35:34 +0300 |
| commit | be4ff89fbc8197dc93f1218e1e19e80a6fec48d9 (patch) | |
| tree | fc3a2d660e33e341942e83039872e811517d29d5 | |
| parent | 65f7c455f51784677ee4a4ca3b9caced51c181d9 (diff) | |
Add CSS variables for link text-decoration
| -rw-r--r-- | scss/_reboot.scss | 4 | ||||
| -rw-r--r-- | scss/_root.scss | 6 |
2 files changed, 7 insertions, 3 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 7a76a45339..4b0b18c89c 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -242,11 +242,11 @@ sup { top: -.5em; } a { color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1)); - text-decoration: $link-decoration; + text-decoration: var(--#{$prefix}link-decoration); &:hover { color: rgba(var(--#{$prefix}link-hover-color-rgb), var(--#{$prefix}link-opacity, 1)); - text-decoration: $link-hover-decoration; + text-decoration: var(--#{$prefix}link-hover-decoration); } } diff --git a/scss/_root.scss b/scss/_root.scss index 6ebe88c8cd..ebd46cb289 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -79,10 +79,14 @@ // scss-docs-end root-body-variables --#{$prefix}heading-color: #{$headings-color}; + --#{$prefix}link-color: #{$link-color}; - --#{$prefix}link-hover-color: #{$link-hover-color}; --#{$prefix}link-color-rgb: #{to-rgb($link-color)}; + --#{$prefix}link-decoration: #{$link-decoration}; + + --#{$prefix}link-hover-color: #{$link-hover-color}; --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)}; + --#{$prefix}link-hover-decoration: #{$link-hover-decoration}; --#{$prefix}code-color: #{$code-color}; --#{$prefix}highlight-bg: #{$mark-bg}; |