@use 'sass:math';
@use './variables';

// ----------------------------------------------------------------------------------------------------
// Functions
// ----------------------------------------------------------------------------------------------------

@function pxToEm($px, $ref: variables.$sizeFontBase) {
  @return toEm(math.div(toPx($px), toPx($ref)));
}

@function pxToRem($px) {
  @return toRem(math.div(toPx($px), toPx(variables.$sizeFontBase)));
}

@function toEm($val) {
  @return ($val + 0em);
}

@function toRem($val) {
  @return ($val + 0rem);
}

@function toPx($val) {
  @return ($val + 0px);
}

@function toPercent($val) {
  @return ($val * 100%);
}