Skip to content

Commit

Permalink
fixup! Inherit link color in components using the Feedback color coll…
Browse files Browse the repository at this point in the history
…ection (#492)
  • Loading branch information
adamkudrna committed Sep 4, 2024
1 parent 4791a36 commit 856f555
Showing 1 changed file with 8 additions and 7 deletions.
15 changes: 8 additions & 7 deletions src/styles/tools/_collections.scss
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@

// Mixin to generate CSS custom properties for links theme.
//
// 1. Links theming is only available for feedback colors.
// 1. Use light color for links in the dark variant.
// 2. Links theming is not available for the light color from the Neutral color collection.
//
// @param {String} $prefix - The prefix for the CSS custom properties.
// @param {String} $variant-value - The value of the variant.
Expand All @@ -119,13 +120,13 @@

@mixin generate-link-properties($prefix, $variant-value) {
$color-category: _get-category-by-value($value: $variant-value, $collections: collections.$colors);
$resolved-variant-value: if($variant-value == "dark", "light", $variant-value); // 1.

// 1.
// TODO: Figure out what to do with the `dark` color category where blue links do not work.
@if $color-category == "feedback" {
--#{$prefix}local-link-color: var(--rui-color-#{$color-category}-#{$variant-value});
--#{$prefix}local-link-color-hover: var(--rui-color-#{$color-category}-#{$variant-value}-hover);
--#{$prefix}local-link-color-active: var(--rui-color-#{$color-category}-#{$variant-value}-active);
// 2.
@if $variant-value != "light" {
--#{$prefix}local-link-color: var(--rui-color-#{$color-category}-#{$resolved-variant-value});
--#{$prefix}local-link-color-hover: var(--rui-color-#{$color-category}-#{$resolved-variant-value}-hover);
--#{$prefix}local-link-color-active: var(--rui-color-#{$color-category}-#{$resolved-variant-value}-active);
}
}

Expand Down

0 comments on commit 856f555

Please sign in to comment.