// Responsive grid layout
// Mostly borrowed from twitter's bootstrap project.
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";

.grid-layout {
    // Fixed (940px)
    #grid > .core(@gridColumnWidth, @gridGutterWidth);

    // Fluid (940px)
    #grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);

    // Reset utility classes due to specificity
    [class*="span"].hide,
    .row-fluid [class*="span"].hide {
      display: none;
    }

    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
      float: right;
    }

    // Container (centered, fixed-width layouts)
    .container {
      .container-fixed();
    }

    // Fluid layouts (left aligned, with sidebar, min- & max-width content)
    .container-fluid {
      padding-right: @gridGutterWidth;
      padding-left: @gridGutterWidth;
      .clearfix();
    }

    .row, .row-fluid {
        &.hide {
            display: none;
        }
    }
}