@import 'rocks-core';

.container {
    @extend %container;
}

.row {
    @include make-flex-container();

    @each $bp in map-keys($breakpoints) {
        @for $i from (-1 * $rocks-columns) through ($rocks-columns) {
            .order-#{$bp}-#{$i} {
                @include respond-up($bp) {
                    order: $i;
                }
            }
        }
    }
}

.row--float {
    @include make-float-container();
}

@each $bp in map-keys($breakpoints) {
    .col-#{$bp}-square {
        @include respond-up($bp) {
            @include perfect-square();
        }
    }

    @for $i from 1 through $rocks-columns {
        $column-name: ".col-#{$bp}-#{$i}";

        #{$column-name} {
            @include rocks-column-defaults($rocks-gutter);
        }

        .row {
            #{$column-name} {
                @include make-flex-columns($bp, $i, -1);
            }
        }

        .row--float {
            #{$column-name} {
                @include make-float-columns($bp, $i, -1);
            }
        }

        .offset-#{$bp}-#{$i} {
            @include offset-columns($bp, $i);
        }
    }
}

@import 'rocks-core';

.container {
    @extend %container;
}

.row {
    @include make-flex-container();

    @each $bp in map-keys($breakpoints) {
        @for $i from (-1 * $rocks-columns) through ($rocks-columns) {
            .order-#{$bp}-#{$i} {
                @include respond-up($bp) {
                    order: $i;
                }
            }
        }
    }

    &.row--nowrap {
        flex-wrap: nowrap;
    }
}

.row--float {
    @include make-float-container();
}

@each $bp in map-keys($breakpoints) {
    .col-#{$bp}-square {
        @include respond-up($bp) {
            @include perfect-square();
        }
    }

    @for $i from 1 through $rocks-columns {
        $column-name: ".col-#{$bp}-#{$i}";

        #{$column-name} {
            @include rocks-column-defaults($rocks-gutter);
        }

        .row {
            #{$column-name} {
                @include make-flex-columns($bp, $i, -1);
            }
        }

        .row--float {
            #{$column-name} {
                @include make-float-columns($bp, $i, -1);
            }
        }

        .offset-#{$bp}-#{$i} {
            @include offset-columns($bp, $i);
        }
    }
}

Add .row--nowrap for flex grid system
Add .row--nowrap for flex grid system

