$gridPrefix: "tg-";

.#{$gridPrefix}container {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;


    .#{$gridPrefix}row {
        display: flex;
        margin: 0;
        padding: 0;
    }

    .#{$gridPrefix}auto {
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
    }

    .#{$gridPrefix}fill {
        flex: 1;
        margin: 0;
        padding: 0;
        overflow-y: auto;
    }

    @for $i from 1 through 6 {
        .#{$gridPrefix}fill-#{$i} {
            flex: #{$i};
            margin: 0;
            padding: 0;
            overflow-y: auto;
        }
    }
}