// function for coverting 'px' to 'rem'
$font-base: 16px;
@function rem($target, $context: $font-base) {
    @if ($target == 0) {
        @return 0;
    }
    @return calc($target / $context * 1rem);
}