Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class='holder'>
 <div class='block-a'>A</div>
 <div class='block-b'>b</div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// Singularity.gs (v1.2.0)
// ----

// @import "compass";
@import "singularitygs"; 

@include add-grid(12);

@include sgs-change("debug", true);

.holder {
  max-width: 80%;
  margin: 0 auto;
  @include background-grid;
}

SassMeister-output.css

.holder {
  max-width: 80%;
  margin: 0 auto;
  background-image: linear-gradient(to right, chocolate 0%, chocolate 6.7796610169%, #dd8e56 6.7796610169%, #dd8e56 8.4745762712%, chocolate 8.4745762712%, chocolate 15.2542372881%, #dd8e56 15.2542372881%, #dd8e56 16.9491525424%, chocolate 16.9491525424%, chocolate 23.7288135593%, #dd8e56 23.7288135593%, #dd8e56 25.4237288136%, chocolate 25.4237288136%, chocolate 32.2033898305%, #dd8e56 32.2033898305%, #dd8e56 33.8983050847%, chocolate 33.8983050847%, chocolate 40.6779661017%, #dd8e56 40.6779661017%, #dd8e56 42.3728813559%, chocolate 42.3728813559%, chocolate 49.1525423729%, #dd8e56 49.1525423729%, #dd8e56 50.8474576271%, chocolate 50.8474576271%, chocolate 57.6271186441%, #dd8e56 57.6271186441%, #dd8e56 59.3220338983%, chocolate 59.3220338983%, chocolate 66.1016949153%, #dd8e56 66.1016949153%, #dd8e56 67.7966101695%, chocolate 67.7966101695%, chocolate 74.5762711864%, #dd8e56 74.5762711864%, #dd8e56 76.2711864407%, chocolate 76.2711864407%, chocolate 83.0508474576%, #dd8e56 83.0508474576%, #dd8e56 84.7457627119%, chocolate 84.7457627119%, chocolate 91.5254237288%, #dd8e56 91.5254237288%, #dd8e56 93.2203389831%, chocolate 93.2203389831%, chocolate);
}

SassMeister-rendered.html

<div class='holder'>
 <div class='block-a'>A</div>
 <div class='block-b'>b</div>
</div>