Skip to content

Instantly share code, notes, and snippets.

@jefsnare

jefsnare/SassMeister-input.scss

Created July 4, 2014 13:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jefsnare/095ef32a6ef6c16327fe to your computer and use it in GitHub Desktop.
Save jefsnare/095ef32a6ef6c16327fe to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Singularity.gs (v1.2.1)
// ----
@import "singularitygs";
@include add-grid(12);
@include add-gutter(1/3);
@include add-gutter-style('split');
@for $i from 1 through 50 {
.foo {
@include grid-span(1);
}
}
Raw
SassMeister-output.css
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
.foo {
width: 6.25%;
float: left;
margin-right: -100%;
margin-left: 1.04167%;
clear: none; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment