Skip to content

Instantly share code, notes, and snippets.

@CassyJens
Created March 21, 2015 00:07
Show Gist options
  • Save CassyJens/5e92b58e8bb2a206a228 to your computer and use it in GitHub Desktop.
Save CassyJens/5e92b58e8bb2a206a228 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class='container'>
<div class='block'> </div>
<div class='block'> </div>
<div class='block'> </div>
<div class='block'> </div>
</div>
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Singularity.gs (v1.5.1)
// ----
@import "singularitygs";
@include add-grid(14);
.container {
background-color: lightpink;
height: 100px;
width: 100%;
}
.block {
@include grid-span(3, 2, $output-style: 'float');
background-color: lightgrey;
height: 25px;
}
.container {
background-color: lightpink;
height: 100px;
width: 100%;
}
.block {
width: 20.28986%;
clear: right;
float: left;
margin-right: 1.44928%;
background-color: lightgrey;
height: 25px;
}
<div class='container'>
<div class='block'> </div>
<div class='block'> </div>
<div class='block'> </div>
<div class='block'> </div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment