.gutter-section {
    margin-bottom: $base-unit * 6;
}

@mixin row-gutter($gutter-width) {
    @include make-margin-x($gutter-width / 2 * -1);
}

.row-gutter {
    margin-bottom: $grid-gutter-width;
}

.row-gutter-top {
    margin-top: $grid-gutter-width;
}

@mixin col-gutter($grid-gutter-width) {
    @include make-padding-x($grid-gutter-width / 2);
}

@mixin grid-gutter($dimension) {
    .row {
        @include row-gutter($dimension);
    }

    .col {
        @include col-gutter($dimension);
    }
}

@mixin grid-gutter-fixed($dimension) {
    .row {
        @include row-gutter($dimension);
    }

    .col {
        @include col-gutter($dimension);
    }

    .gutters-#{$initial} {
        @include grid-gutter($grid-xl-gutters);
    }
}

@mixin row-helpers {
    .row-no-gutters {
        margin-left: 0 !important;
        margin-right: 0 !important;

        > .col {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
}