@mixin create-eliminate-margins($breakpoint: "") {
    $suffix: if($breakpoint !="", "#{$breakpoint}-", "");

    %m-#{$suffix}0 {
        margin: 0;
    }

    %mt-#{$suffix}0 {
        margin-top: 0;
    }

    %mr-#{$suffix}0 {
        margin-right: 0;
    }

    %mb-#{$suffix}0 {
        margin-bottom: 0;
    }

    %ml-#{$suffix}0 {
        margin-left: 0;
    }

    %mx-#{$suffix}0 {
        margin-left: 0;
        margin-right: 0;
    }

    %my-#{$suffix}0 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@mixin eliminate-margins {
    @include create-eliminate-margins("");

    @include on(medium) {
        @include create-eliminate-margins(md);
    }

    @include on(large) {
        @include create-eliminate-margins(lg);
    }

    @include on(larger) {
        @include create-eliminate-margins(xl);
    }

    @include on(extra-large) {
        @include create-eliminate-margins(xxl);
    }
}