Contents

@import "layout";
@import "helper";

// Calculate the width of an individual grid column.
// Take into account max widths and gutters.
@function grid-span($n, $columns, $width: $grid-width, $gutter: $grid-gutter) {
    @return span-width($n, $columns, $width, $gutter);
}

// Styles for the grid row containing the columns.
@mixin grid-row($width: $grid-width) {
    width: $width;
    max-width: $width;

    @include clear-fix;
}

// Styles for the individual grid column.
@mixin grid-column($width: $grid-width, $gutter: $grid-gutter) {
    position: relative;
    min-height: 1px;
    float: $align-direction;

    @if $gutter {
        margin-#{$align-opposite-direction}: gutter($width, $gutter);

        &:last-child { margin-#{$align-opposite-direction}: 0; }
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
titon-toolkit-2.1.0	scss/toolkit/mixins/_grid.scss