example.scss

h1 {
    @include responsive-property('font-size', 32);
}
 
@mixin responsive-property($property, $pxValue) {
    #{$property}: #{$pxValue}px;
    @media only screen and (max-width: #{$containerW}px) {
        #{$property}: $pxValue * 0.1rem;
        #{$property}: $pxValue * (100 / $containerW) * 1vw;
    }
}