-
Total Width
$total_width: 100%; // px or %
grid宽度.如果设置100%，将按照流体网格的百分比方式计算。
-
Total Columns
$total_columns: 20; // number
grid的栅格系统的总列数。
-
Gutter Width
$gutter_width: 1%; // px or %
定义grid的列距宽度，可以是px 或者 px。
-
Helper Classes
$class_column: 'col';
$class_push: 'push';
$class_pull: 'pull';
设置grid最后生成css的classname。需要调用helper_classes(),或者直接下载生成好的grid.css
-
Mixin: Helper Classes
//helper_classes()
@include helper_classes();
调用此方法可以生成对应grid的class， 默认的classnames是: .colx, .colx-x, .pushx, .pullx
-
Mixin: Column
//column($_column_index, $columns:$columns)
.col{ @include column(3,17); }
计算一个容易的宽度。$_column_index：所占栅格数，$colums:父容器的栅格数，默认为初始的$colums.
-
Mixin: Row
//row($_column_index)
.row{ @include row(17); }
设置一个需要内嵌几个栅格列数的容器。
-
Mixin: Push
//push($_column_index)
.col{ @include push(1); }
设置一个容易将margin-left几个栅格数。
-
Mixin: Pull
//push($_column_index)
.col{ @include pull(2); }
设置一个容易将margin-right几个栅格数。
-
isfixie/min-width
$isfixie: false;
$min-width:960px;
isfixie默认为false，不输出hack ie6、7方法,因为默认ie6/7在1000px不存在小数像素。min-width为hack下的父级元素的宽度；原理参看
