Skip to content

Instantly share code, notes, and snippets.

@maddesigns

maddesigns/SassMeister-input.scss

Created October 27, 2013 08:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save maddesigns/7179101 to your computer and use it in GitHub Desktop.
Save maddesigns/7179101 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "singularitygs";
$grids: 12;
$gutters: 12px;
$gutter-styles: 'split' 'fixed';
$output: 'float';
@for $i from 1 through $grids {
.grid#{$i} {
@include grid-span($i);
}
}
Raw
SassMeister-output.css
.grid1 { width: 8.33333%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid2 { width: 16.66667%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid3 { width: 25%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid4 { width: 33.33333%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid5 { width: 41.66667%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid6 { width: 50%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid7 { width: 58.33333%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid8 { width: 66.66667%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid9 { width: 75%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid10 { width: 83.33333%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid11 { width: 91.66667%; clear: right; float: left; padding-left: 6px; padding-right: 6px; }
.grid12 { width: 100%; clear: right; float: right; padding-left: 6px; padding-right: 6px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment