//************************************** // Typography

$base-font-size: 16px $base-line-height: 24px $rhythm-unit: 'rem' $rem-with-px-fallback: true

$sans-serif-small: Arial, sans-serif $sans-serif-large: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif $serif-small: Garamond, Perpetua, 'Times New Roman', serif $serif-large: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif $mono: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif

// Custom Font Fallbacks $primary-sans: “Arial”, sans-serif $primary-serif: “Times New Roman”, serif $secondary-font: “Impact”, $primary-sans $icon-font: “FontAwesome”

@mixin font-smoothing($value: antialiased)

@if $value == antialiased
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
@if $value == subpixel
  -webkit-font-smoothing: subpixel-antialiased
  -moz-osx-font-smoothing: auto

@mixin primary-font

font-family: $sans-serif-small

@mixin secondary-font

font-family: $secondary-font

@mixin icon-font

font-family: $icon-font

@mixin font-awesome

font-family: $font-awesome

@mixin thick

font-weight: bold

@mixin thin

font-weight: normal

@mixin italic

font-style: italic

@mixin caps

text-transform: uppercase

@mixin link($link-color: $link, $link-hover: $link-hover, $underline: no)

text-decoration: none
&:link,
&:visited
  text-decoration: none
  color: $link-color
@if $underline == no
  //&.active,
  &:hover,
  &:focus
    color: $link-hover
@if $underline == yes
  //&.active,
  &:hover,
  &:focus
    text-decoration: underline
    color: $link-hover

@mixin link-inherit-color-hover

a:hover,
a:focus
  color: inherit

@mixin link-inherit-color($hover: hover)

a,
a:link,
a:visited
  color: inherit
@if $hover == hover
  &:hover
    +link-inherit-color-hover

// Blueprint theme - variables are in order of how likely they are to be overridden @mixin font-size($size: 22px, $lh: 1.3)

@if unit($lh) == 'px'
  $lh: $lh / $base-line-height
+adjust-font-size-to($size, $lh)

@mixin text-style($size: 22px, $color: $text-primary, $link-color: inherit, $active-color: inherit, $type: null, $underline: no, $lh: 1.3)

@if unit($lh) == 'px'
  $lh: $lh / $base-line-height
+adjust-font-size-to($size, $lh)
@if $type == link
  a
    +link($link-color, $active-color, $underline)
@else
  color: $color

%offscreen

position: absolute
left: -1000em

@mixin truncate-text($overflow: ellipsis)

overflow: hidden
white-space: nowrap
text-overflow: $overflow // values are: clip, ellipsis, or a string