diff options
Diffstat (limited to 'scss/mixins/_grid.scss')
-rw-r--r-- | scss/mixins/_grid.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss new file mode 100644 index 0000000000..aceaeeb4c4 --- /dev/null +++ b/scss/mixins/_grid.scss @@ -0,0 +1,41 @@ +/// Grid system +// +// Generate semantic grid columns with these mixins. + +@mixin make-container($gutter: $grid-gutter-width) { + margin-right: auto; + margin-left: auto; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + @include clearfix(); +} + +@mixin make-row($gutter: $grid-gutter-width) { + margin-left: ($gutter / -2); + margin-right: ($gutter / -2); + @include clearfix(); +} + +@mixin make-col($gutter: $grid-gutter-width) { + position: relative; + float: left; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); +} + +@mixin make-col-span($columns) { + width: percentage(($columns / $grid-columns)); +} + +@mixin make-col-offset($columns) { + margin-left: percentage(($columns / $grid-columns)); +} + +@mixin make-col-push($columns) { + left: percentage(($columns / $grid-columns)); +} + +@mixin make-col-pull($columns) { + right: percentage(($columns / $grid-columns)); +} |