https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.3 KiB
61 lines
2.3 KiB
7 years ago
|
// ---------------------------------------------------------------------------
|
||
|
|
// Susy Settings
|
||
|
|
|
||
|
|
// The total number of columns in the grid
|
||
|
|
$total-columns : 12 !default;
|
||
|
|
|
||
|
|
// The width of columns and gutters.
|
||
|
|
// These must all be set with the comparable units.
|
||
|
|
$column-width : 4em !default;
|
||
|
|
$gutter-width : 1em !default;
|
||
|
|
|
||
|
|
// Padding on the left and right of a Grid Container.
|
||
|
|
$grid-padding : $gutter-width !default;
|
||
|
|
|
||
|
|
// ---------------------------------------------------------------------------
|
||
|
|
// Advanced Settings
|
||
|
|
|
||
|
|
// From Direction:
|
||
|
|
// Controls for right-to-left or bi-directional sites.
|
||
|
|
$from-direction : left !default;
|
||
|
|
|
||
|
|
// Omega Float Direction:
|
||
|
|
// The direction that +omega elements are floated by deafult.
|
||
|
|
$omega-float : opposite-position($from-direction) !default;
|
||
|
|
|
||
|
|
// Container Width:
|
||
|
|
// Override the total width of your grid, using any length (50em, 75%, etc.)
|
||
|
|
$container-width : false !default;
|
||
|
|
|
||
|
|
// Container Style:
|
||
|
|
// 'magic' - Static (fixed or elastic) when there's enough space,
|
||
|
|
// fluid when there isn't. This is the SUSY MAGIC SAUCE(TM).
|
||
|
|
// 'static' - Forces the grid container to remain static at all times.
|
||
|
|
// 'fluid' - Forces the grid to remain fluid at all times.
|
||
|
|
// (this will overrule any static $container-width settings)
|
||
|
|
$container-style : magic !default;
|
||
|
|
|
||
|
|
// Border-Box Sizing
|
||
|
|
// Adjust the grid math appropriately for box-sizing: border-box;
|
||
|
|
// Warning: This does not actually apply the new box model!
|
||
|
|
// In most cases you can ignore this setting,
|
||
|
|
// and simply apply the border-box-sizing mixin.
|
||
|
|
$border-box-sizing : false !default;
|
||
|
|
|
||
|
|
// Pixel Values only:
|
||
|
|
// Make sure only pixel values are set for the container width.
|
||
|
|
$pixel-values-only : false !default;
|
||
|
|
|
||
|
|
// ---------------------------------------------------------------------------
|
||
|
|
// IE Settings
|
||
|
|
|
||
|
|
// When you are using a seperate IE stylesheet,
|
||
|
|
// you can use these settings to control the output of at-breakpoint.
|
||
|
|
// By default, at-breakpoint will output media-queries as well as
|
||
|
|
// any defined ie-fallback classes.
|
||
|
|
$breakpoint-media-output : true !default;
|
||
|
|
$breakpoint-ie-output : true !default;
|
||
|
|
|
||
|
|
// Danger Zone! Only set as 'true' in IE-specific style sheets.
|
||
|
|
$breakpoint-raw-output : false !default;
|