Create margins and padding using an scss loop

spacing.scss

// Create a load of padding and margin classes

@for $i from 1 through 20 {
    .mt-#{$i} {
        margin-top:#{$i}rem!important;
    }

    .mb-#{$i} {
        margin-bottom:#{$i}rem!important;
    }

    .pt-#{$i} {
        padding-top:#{$i}rem!important;
    }

    .pb-#{$i} {
        padding-bottom:#{$i}rem!important;
    }
}