H&Co Typography Mixin

_hoefFont.scss

// H&Co Typography mixin -------------------------------------------------------------
//
// $fontFamily:   gotham, Sentinel, whitney
// $fontWeight:   light, book, medium, semibold, bold, black
// $SSm:          true, false (ScreenSmart Font?)
// $fontStyle:    normal, italic
//
// USAGE: @include HoefFont(gotham, bold, true);

@function capitalize($string) {
  @return to-upper-case(str-slice($string, 1, 1)) + str-slice($string, 2);
}

@mixin HoefFont($fontFamily, $fontWeight, $SSm: true, $fontStyle: normal) {

  $fontFamily: capitalize($fontFamily);
  $fontWeights: (
    xlight: 200,
    light: 300,
    book: 400,
    medium: 500,
    semibold: 600,
    bold: 700,
    black: 800,
  );
  $fontWeight: map-get($fontWeights, $fontWeight);

  @if $SSm == true {
    font-family: '#{$fontFamily} SSm A', '#{$fontFamily} SSm B';
  } @else {
    font-family: '#{$fontFamily} A', '#{$fontFamily} B';
  }

  font-weight: $fontWeight;
  font-style: $fontStyle;
}