Skip to content

Instantly share code, notes, and snippets.

@jaredcunha
Created June 20, 2014 16:29
Show Gist options
  • Save jaredcunha/7cd8115e4418ce242366 to your computer and use it in GitHub Desktop.
Save jaredcunha/7cd8115e4418ce242366 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
$gutterWidthPx: 20;
$columnWidthPx: 60;
$gridWidthPx: 940;
@function calc-cols($target) {
@return 100% * (($target * $columnWidthPx) + (($target - 1) * $gutterWidthPx)) / $gridWidthPx;
}
$gutterWidth: 100% * $gutterWidthPx / $gridWidthPx;
$grid_1of12cols: calc-cols(1);
$grid_2of12cols: calc-cols(2);
$grid_3of12cols: calc-cols(3);
$grid_4of12cols: calc-cols(4);
$grid_5of12cols: calc-cols(5);
$grid_6of12cols: calc-cols(6);
$grid_7of12cols: calc-cols(7);
$grid_8of12cols: calc-cols(8);
$grid_9of12cols: calc-cols(9);
$grid_10of12cols: calc-cols(10);
$grid_11of12cols: calc-cols(11);
$grid_12of12cols: calc-cols(12);
.my-module {
width: $grid_3of12cols;
}
.my-module {
width: 23.40426%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment