// Links
// @@@ perhaps this link mixin is too terse and we need two
// one for underlines and one create basic links

$link: '&:link, &:visited';
$focus: '&:hover, &:focus';
$active: '&:active';

@mixin link(
  $color: primary,
  $hover: primary,
  $fancy-after: false,
  $fancy-before: false
) {
  &,
  #{$link} {
    color: color($color);
    cursor: pointer;
    padding-bottom: 3px;

    @content;
  }

  #{$focus},
  #{$active} {
    padding-bottom: 2px;
    color: color($hover);
    border-bottom: 1px solid color($hover);
  }

  @if $fancy-after {
    &:after {
      content: "›";
      color: inherit;
      font-style: normal;
      line-height: 1;
      margin-left: 2px;
    }
  } @else if $fancy-before {
    &:before {
      content: "‹";
      color: inherit;
      font-style: normal;
      line-height: 1;
      margin-right: 2px;
    }
  }
}

// Links
// @@@ perhaps this link mixin is too terse and we need two
// one for underlines and one create basic links

$link: '&:link, &:visited';
$focus: '&:hover, &:focus';
$active: '&:active';

@mixin link(
  $color: primary,
  $hover: primary,
  $fancy: ""
) {
  &,
  #{$link} {
    color: color($color);
    cursor: pointer;
    padding-bottom: 3px;

    @content;
  }

  #{$focus},
  #{$active} {
    padding-bottom: 2px;
    color: color($hover);
    border-bottom: 1px solid color($hover);
  }

  @if $fancy != "" {
    &:#{$fancy} {

      @if $fancy == "before" {
        content: "‹";
        margin-right: 2px;
      } @else {
        content: "›";
        margin-left: 2px;
      }
      color: inherit;
      font-style: normal;
      line-height: 1;
    }
  }

}

Revert to three parameters, fancy parameter passed as "before" or "after"
Revert to three parameters, fancy parameter passed as "before" or "after"
