Menu icon Foundation
Foundation 6 Callout Link Colour

How can I just use the default link colour rather than a tint in callouts when I have set a $callout-background colour? I have tried:

$callout-link-tint: false;
            

         

But that just throws an error when the SCSS compiles

Callout

How can I just use the default link colour rather than a tint in callouts when I have set a $callout-background colour? I have tried:

$callout-link-tint: false;
            

         

But that just throws an error when the SCSS compiles

smallGod Media almost 4 years ago

I am trying to use the default link color too. Without success. Help please?

smallGod Media almost 4 years ago

I was able to get my desired effect by changing

@if $callout-link-tint and hue($background) > 0deg {
    a {
      color: $link-color;

      &:hover {
        color: lighten($link-color, 15%);
      }
    }
  }

to

 @if $callout-link-tint and hue($background) > 0deg {
    a {
      color: lighten($link-color, 35%);

      &:hover {
        color: lighten($link-color, 75%);
      }
    }
  }
}

in _callout.scss

But is there a better way?