N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add spaces

Browse source
This commit is contained in:
Michael Rose 2016-03-14 21:59:55 -04:00
parent c7a7a5d707
commit f2b4b4ebc9
1 changed files with 23 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
_assets/css/_grid.scss
View file

@ -2,9 +2,11 @@
Grid mixins Grid mixins
========================================================================== */ ========================================================================== */
@mixin container(){ $unit: 1em;
margin:0 auto;
width:$width; @mixin container() {
margin: 0 auto;
width: $width;
} }
/* /*
@ -12,10 +14,10 @@
number of columns being displayed. Removes 20px for margins. number of columns being displayed. Removes 20px for margins.
========================================================================== */ ========================================================================== */
@mixin grid($grid:$def_grid,$cols:'',$float:left,$display:inline){ @mixin grid($grid:$def_grid, $cols:'', $float:left, $display:inline) {
display:$display; display: $display;
float:$float; float: $float;
width:(100%/$grid * $cols) - ($margin * 2); width: (100%/$grid * $cols) - ($margin * 2);
} }
/* /*
@ -23,8 +25,8 @@
Example: @include prefix(1,12); Example: @include prefix(1,12);
========================================================================== */ ========================================================================== */
@mixin prefix($grid:$def_grid,$cols:''){ @mixin prefix($grid:$def_grid, $cols:'') {
margin-left:(100%/$grid * $cols); margin-left: (100%/$grid * $cols);
} }
/* /*
@ -32,8 +34,8 @@
Example: @include suffix(2,12); Example: @include suffix(2,12);
========================================================================== */ ========================================================================== */
@mixin suffix($grid:$def_grid,$cols:''){ @mixin suffix($grid:$def_grid, $cols:'') {
margin-right:(100%/$grid * $cols); margin-right: (100%/$grid * $cols);
} }
/* /*
@ -41,8 +43,8 @@
Example: @include first; Example: @include first;
========================================================================== */ ========================================================================== */
@mixin first(){ @mixin first() {
margin-left:0; margin-left: 0;
} }
/* /*
@ -50,8 +52,8 @@
Example: @include last; Example: @include last;
========================================================================== */ ========================================================================== */
@mixin last(){ @mixin last() {
margin-right:0; margin-right: 0;
} }
/* /*
@ -59,9 +61,9 @@
Example: @include push(2,12); Example: @include push(2,12);
========================================================================== */ ========================================================================== */
@mixin push($grid:$def_grid,$move:'') { @mixin push($grid:$def_grid, $move:'') {
position:relative; position: relative;
left:(100%/$grid * $move); left: (100%/$grid * $move);
} }
/* /*
@ -69,7 +71,7 @@
Example: @include pull(1,12); Example: @include pull(1,12);
========================================================================== */ ========================================================================== */
@mixin pull($grid:$def_grid,$move:''){ @mixin pull($grid:$def_grid,$move:'') {
position:relative; position: relative;
left:(100%/$grid * $move) * -1; left: (100%/$grid * $move) * -1;
} }