/* ============================================================================
   @CORE -> FUNCTIONS -> CONVERT PX TO EM/REM
   ========================================================================= */


/**
 * To convert `px` to `em`s or `rem`s.
 *
 * N.B. this function is used mainly to feed the mixins.
 *
 * @example
   .foo {
     margin-left: to-em(8, 20);
   }

   .foo {
     padding: to-rem(8) 0;
   }
 *
 */


/**
 * `em`.
 */

@function to-em($value, $context: $font-size) {
  // If value is a named breakpoint
  @if type-of($value) == "string" {
    @if map-has-key($breakpoints, $value) {
      $value: map-get($breakpoints, $value);
    }
    @else {
      @warn "Breakpoint name '#{$value}' not recognised.";
    }
  }
  @return strip-unit($value) / strip-unit($context) * 1em;
}


/**
 * `rem`.
 */

@function to-rem($value) {
  @return strip-unit($value) / strip-unit($font-size) * 1rem;
}