_px-to-em.scss

/**
 * px to em converter
 * =================================
 * Convert pixels to ems
 *
 * Usage:
 * font-size : ko-em(12);
 * font-size : ko-em(12, 24); // If the parent is another value say 24px
 */

@function ko-em($pxval, $base: $font-size-base) {
  @return ($pxval / $base) * 1em;
}


/**
 * Convert a map of breakpoints to ems
 * =================================
 * Takes a map of breakpoints (in px) and a base-font-size
 *
 * Usage:
 $breakpoints: ko-map-to-em((
 	narrow : 400px,
 	mid    : 750px,
 	wide   : 1000px,
 	huge   : 1250px
 ), 16);
 */

@function ko-map-to-em($breakpoints, $base: $font-size-base) {
  $newBreakpoints: ();

  @each $name, $pxValue in $breakpoints {
    $emValue: ko-em(ko-strip-units($pxValue), $base);
    $newBreakpoints: map-merge($newBreakpoints, ($name: $emValue));
  }

  @return $newBreakpoints;
}