Contents

/* 52 framework grid */

$max-columns: 16 !default;
$column-width: 40px !default;
$gutter-width: 10px !default;

@mixin width($columns, $side_gutters: false) {
        @if $side_gutters == true {
                width: ($column-width + ($gutter-width * 2)) * ($columns);
        } @else {
                width: ($column-width + ($gutter-width * 2)) * ($columns - 1) + $column-width;
        }
}

.col {
        margin-left: $gutter-width;
        margin-right: $gutter-width;
        display: inline;
        overflow: hidden;
        float: left;
        position: relative;
}

.row {
        overflow: hidden;
        margin: 0 auto;
        @include width($max-columns, true);
}

.inner_row {
        margin: 0 -$gutter-width;
        width: auto;
        display: inline-block;
}

.row .row {
        @extend .inner_row;
}

@mixin column($columns) {
        @extend .col;
        @include width($columns);
}

@mixin row($inner: false) {
        @extend .row;
        @if $inner == true {
                @extend .inner_row;
        }
}

@for $i from 1 through $max-columns {
        .col_#{$i} {
                @include column($i)
        }
        .width_#{$i} {
                @include width($i)
        }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass-52-plugin-0.2	stylesheets/52/_grid.scss