finance/_breakpoints.scss

$breakpoints: ("mobile":500px);
@mixin mobile {
    @media (max-width: map-get($breakpoints, "mobile")) {
        @content;
    }
}