sass-site/source/assets/stylesheets/dependencies/_themes.scss

// ===========================================================================
// THEMES



// ---------------------------------------------------------------------------
// EASY LINK COLORS

$hover: "&:hover, &:focus";

@mixin link($link-setting: $link-color, $hover-setting: $link-hover-color, $active-setting: $link-active-color) {
  &,
  &:visited { color: $link-setting; }

  #{$hover} { color: $hover-setting;  }

  &:active  { color: $active-setting; }
}



// ---------------------------------------------------------------------------
// TEXT SHADOWS

@mixin text-shadow($color-setting: $shadow-color) { text-shadow: 0 -1px 1px $color-setting; }



// ---------------------------------------------------------------------------
// ALL CAPS

@mixin caps {
  @extend %source-sans-pro-bold;
  @include font-size($font-size, $line-height-alt);
  letter-spacing: .05em;
  text-transform: uppercase;
}



// ---------------------------------------------------------------------------
// TAPPABLE LINKS

@mixin tappable-link {
  display: inline-block;
  padding: .875em 2em;
  text-align: center;
  @include caps;
}