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

/**
 * Function to convert pixels to rem based on the base size.
 * Using this, the value should have the `px` unit.
 *
 * @example
 * ```
 * $rem-value: px-to-rem(12px);
 * ```
 **/
@function px-to-rem($value, $variant: 'desktop') {
    $base-size-px: if(
        $variant == 'mobile',
        $base-size-mobile,
        $base-size-desktop
    );

    @return calc(math.div($value, $base-size-px) * 1rem);
}