// /** // * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved. // * Licensed under GNU General Public License version 2 or later; see LICENSE.txt // */ @if $trace-imports { @debug 'imported'; } // COLUMN SETTINGS // ================================================================================================================================ // Set a max width on a root container of your choice, the content will not stretch beyond this width. // The root container can be positioned left or center, for alternate position you can provide your own behavior. // ================================================================================================================================ $column-selector: ".column" !default; $column-spacing: 2*$base-line-height !default; $column-spacing-unit: 1px; $column-spacing-persistent: false !default; $column-widths: 1/2, 1/4, 1/3, 2/3, 3/4 !default; // Omit 1/1, it is rendered by default $column-width-default: 1/1 !default; $column-breakpoint: $small_handheld !default; $column-float: false !default; // If you prefer floated columns instead of inline-blocks, set to true. $negative-right-margin: false !default; // If you cannot control your markup, you can assign a negative right margin to close gaps between columns to make tem fit // This is a hack and not nescessary when your html (or column markup) is minimized. // ROOT SETTINGS // ================================================================================================================================ // Set a max width on a root container of your choice, the content will not stretch beyond this width. // The root container can be positioned left or center, for alternate position you can provide your own behavior. // ================================================================================================================================ $root-selector: ".root" !default; $root-max-width: 72em !default; $root-position: center !default; // BASE SETTINGS // ================================================================================================================================ // Required settings for a stand-alone implementation of the grid // ================================================================================================================================ $base-line-height: 24px !default; // $base-line-height is used to calculate the column spacing $apply-border-box: false !default; // When using the grid stand-alon, $reset-box-model should be set to true, // unless you plan to wrap your columns in a padded container for compatibility // with Microsoft Explorer <8 and Opera <10.