// main: style.scss
.row {
    &::after {
        @include clearfix();
    }
}
[class*="row-"] {
    &::after {
        @include clearfix();
    }
}
@include screen-up( md ) {
    .row {
        margin-left: - ($gutter / 2);
        margin-right: - ($gutter / 2);
    }
    [class*="row-"] {
        margin-left: - ($gutter / 2);
        margin-right: - ($gutter / 2);
    }
    @for $i from 1 through 12 {
        .col-#{$i} {
            width: percentage( $i / 12 );
            float: left;
            padding-left: ($gutter / 2);
            padding-right: ($gutter / 2);
        }
        .row-#{$i}-col {
            .col {
                width: percentage( ( 12 / $i ) / 12 );
                float: left;
                padding-left: ($gutter / 2);
                padding-right: ($gutter / 2);
                clear: none;
                &:nth-child( #{$i}n + 1) {
                    clear: left;
                }
            }
        }
    }
}
@include screen-down( md ) {
    [class*="row-"] {
        margin-left: - ($gutter / 4);
        margin-right: - ($gutter / 4);
    }
    @for $i from 1 through 12 {
        .col-#{$i} {
            width: 50%;
            float: none;
            padding-left: ($gutter / 4);
            padding-right: ($gutter / 4);
        }
        .row-#{$i}-col {
            .col {
                width: 50%;
                float: left;
                clear: none;
                padding-left: ($gutter / 4);
                padding-right: ($gutter / 4);
                &:nth-child( #{$i}n + 1) {
                    clear: left;
                }
            }
        }
    }
}
@include screen-down( sm ) {
    [class*="row-"] {
        margin-left: 0;
        margin-right: 0;
    }
    @for $i from 1 through 12 {
        .col-#{$i} {
            width: 100%;
            float: none;
        }
        .row-#{$i}-col {
            .col {
                width: 100%;
                float: none;
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}