//rem calculator
@use 'sass:math';
@use 'sass:meta';
@use 'sass:list';

// @function calculateRem($size) {
//     //$remSize: ($size / 16px);
//     $remSize: math.div($size, 16px);
//     @return #{$remSize}rem;
// }
// @function calculateEm($size) {
//     //$emSize: ($size / 16px);
//     $remSize: math.div($size, 16px);
//     @return #{$emSize}em;
// }
// @mixin fontSize($size) {
//     font-size: $size; //Fallback in px
//     font-size: calculateRem($size);
// }


// Private polyfill for the `math.div` function from Sass to be used until we can update the
// minimum required Sass version to 1.34.0 or above.
// TODO(crisbeto): replace with `math.div` eventually.
@function calculateRem($size) {
  @if (meta.function-exists('div', 'math')) {
        $remSize: math.div($size, 16px);
        @return #{$remSize}rem;
  }
  @else {
    $remSize: ($size / 16px);
    @return #{$remSize}rem;
  }
}