Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.1.0)
// ----

// ===================================
// Grid settings
// ===================================
$gutter:15px;
$grid-columns:12;

// ===================================
// Grid mixins
// ===================================

@mixin grid-item($cols) {
	float:left;
	width:percentage($cols/$grid-columns);
	margin-bottom:$gutter;
	padding-left:$gutter;
}

@mixin grid-pull-right($cols) {
	float:right;
	margin-right:percentage(-$cols/$grid-columns);
}

@mixin grid-pull-left($cols) {
	margin-left:percentage(-$cols/$grid-columns);
	padding-right:$gutter;
}

// ===================================
// Usage
// ===================================

.article {
  @include grid-item(8);
}

.aside {
  @include grid-item(4);
}

blockquote {
  @include grid-item(3);
  @include grid-pull-left(2);
}

SassMeister-output.css

.article {
  float: left;
  width: 66.66667%;
  margin-bottom: 15px;
  padding-left: 15px; }

.aside {
  float: left;
  width: 33.33333%;
  margin-bottom: 15px;
  padding-left: 15px; }

blockquote {
  float: left;
  width: 25%;
  margin-bottom: 15px;
  padding-left: 15px;
  margin-left: -16.66667%;
  padding-right: 15px; }