Skip to content

Instantly share code, notes, and snippets.

@babsgosgens
Last active December 20, 2015 15:28
Show Gist options
  • Save babsgosgens/6154010 to your computer and use it in GitHub Desktop.
Save babsgosgens/6154010 to your computer and use it in GitHub Desktop.
Persistent Grid Framework Persistent Grid - Settings
// Set in case this module is used outside PG Framework
$base-line-height: 24px !default;
// Set in case this module is used outside PG Framework
$reset-box-model: true !default;
// 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";
$root-max-width: 1152px;
$root-position: left;
$column-selector: ".column";
$column-spacing: 2*$base-line-height;
$column-spacing-unit: 1px; // Revisit this, looks redundant
$column-widths: 1/2, 1/4, 1/3, 2/3, 3/4; // Omit 1/1, it is rendered by default
$column-width-default: 1/1;
$column-breakpoint: false !default;
$column-float: false; // If you prefer floated columns instead of inline-blocks, set to true.
// 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 only nescessary when html (or column markup) is minimized.
$negative-right-margin: false;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment