Spacing class example - Scss File

// Variables
$spacingDesktop: 20px;
$spacingMobile: 14px;

// Default
[spacing^="1"]  > * + * {
    margin-top: $spacingMobile;

    @include media('>large') {
        margin-top: $spacingDesktop;
    }
}

[spacing^="1.5"]  > * + * {
    margin-top: $spacingMobile * 1.5;

    @include media('>large') {
        margin-top: $spacingDesktop * 1.5;
    }
}

[spacing^="2"]  > * + * {
    margin-top: $spacingMobile * 2;

    @include media('>large') {
        margin-top: $spacingDesktop * 2;
    }
}