// Grid system // // Create rows with `.columns` to clear the floated columns and outdent the // padding on `.column`s with negative margin for alignment.

.columns {

margin-right: -$grid-gutter;
margin-left: -$grid-gutter;
@include clearfix;

}

// Base class for every column (requires a column width from below) .column {

float: left;
padding-right: $grid-gutter;
padding-left: $grid-gutter;

}

// Column widths .one-third {

width: 33.333333%;

}

.two-thirds {

width: 66.666667%;

}

.one-fourth {

width: 25%;

}

.one-half {

width: 50%;

}

.three-fourths {

width: 75%;

}

.one-fifth {

width: 20%;

}

.four-fifths {

width: 80%;

}

// Centers content horizontally. Can be used inside or outside the grid. .centered {

display: block;
float: none;
margin-right: auto;
margin-left: auto;

}