Gut grid mixins and replace with Susy for greater flexibility
This commit is contained in:
@@ -46,67 +46,4 @@
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Grid
|
||||
========================================================================== */
|
||||
|
||||
@mixin container() {
|
||||
margin: 0 auto;
|
||||
width: $width;
|
||||
}
|
||||
|
||||
// Works out the width of elements based on total number of columns and width
|
||||
// number of columns being displayed. Removes 20px for margins.
|
||||
|
||||
@mixin grid($grid:$def_grid,$cols:'',$float:left,$display:inline) {
|
||||
display: $display;
|
||||
float: $float;
|
||||
width: (100%/$grid * $cols) - ($margin * 2);
|
||||
}
|
||||
|
||||
// Add x amount of column padding before an element
|
||||
// Example: @include prefix(1,12);
|
||||
|
||||
@mixin prefix($grid:$def_grid,$cols:'') {
|
||||
margin-left: (100%/$grid * $cols);
|
||||
}
|
||||
|
||||
// Add x amount of column padding after an element
|
||||
// Example: @include suffix(2,12);
|
||||
|
||||
@mixin suffix($grid:$def_grid,$cols:'') {
|
||||
margin-right: (100%/$grid * $cols);
|
||||
}
|
||||
|
||||
// Remove left margin
|
||||
// Example: @include first;
|
||||
|
||||
@mixin first() {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Remove right margin
|
||||
// Example: @include last;
|
||||
|
||||
@mixin last() {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
// Push an element x amount of column(s) to the right
|
||||
// Example: @include push(2,12);
|
||||
|
||||
@mixin push($grid:$def_grid,$move:'') {
|
||||
position: relative;
|
||||
left: (100%/$grid * $move);
|
||||
}
|
||||
|
||||
// Pull an element x amount of column(s) to the left
|
||||
// Example: @include pull(1,12);
|
||||
|
||||
@mixin pull($grid:$def_grid,$move:'') {
|
||||
position: relative;
|
||||
left: (100%/$grid * $move) * -1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user