@import 'breakpoints';

@mixin fontSize($default, $tablet, $desktop) {
    font-size: $default;

    @media screen and (min-width: $bp-tablet) {
        font-size: $tablet;
    }

    @media screen and (min-width: $bp-desktop) {
        font-size: $desktop;
    }
}

@function calculateRem($val) {
    @return #{$val / 16}rem;
}