Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// Susy (v2.0.0.rc.1)
// ----

@import "susyone";

li.gfield {
  
  &%gridfield {
    clear: none;
    
    // Hide labels and descriptions for most fields
    .gfield_label,.gfield_description {
      display: none;
    }
    // Show label and description in title row
    &.title_row {
      .gfield_label,.gfield_description {
        display: inline;
      }
    }
  }
  
  // Create sizing and margin for each grid field element
  @for $i from 1 through 12 {
    &.gf_#{$i}_12{
      @extend %gridfield;
      @include span-columns($i,12);
    }
  }
  
  &.gf_last {
    @include omega;
    
    // Clearing and making room for following elements, as per Gravity Forms CSS
    &+li.gfield,&+li.gsection {
      clear: both;
    }
    &+li.gsection {
      padding: 16px 0 8px 0;
    }
  }
}

SassMeister-output.css

li.gfield.gf_1_12, li.gfield.gf_2_12, li.gfield.gf_3_12, li.gfield.gf_4_12, li.gfield.gf_5_12, li.gfield.gf_6_12, li.gfield.gf_7_12, li.gfield.gf_8_12, li.gfield.gf_9_12, li.gfield.gf_10_12, li.gfield.gf_11_12, li.gfield.gf_12_12 {
  clear: none;
}
li.gfield.gf_1_12 .gfield_label, li.gfield.gf_2_12 .gfield_label, li.gfield.gf_3_12 .gfield_label, li.gfield.gf_4_12 .gfield_label, li.gfield.gf_5_12 .gfield_label, li.gfield.gf_6_12 .gfield_label, li.gfield.gf_7_12 .gfield_label, li.gfield.gf_8_12 .gfield_label, li.gfield.gf_9_12 .gfield_label, li.gfield.gf_10_12 .gfield_label, li.gfield.gf_11_12 .gfield_label, li.gfield.gf_12_12 .gfield_label, li.gfield.gf_1_12 .gfield_description, li.gfield.gf_2_12 .gfield_description, li.gfield.gf_3_12 .gfield_description, li.gfield.gf_4_12 .gfield_description, li.gfield.gf_5_12 .gfield_description, li.gfield.gf_6_12 .gfield_description, li.gfield.gf_7_12 .gfield_description, li.gfield.gf_8_12 .gfield_description, li.gfield.gf_9_12 .gfield_description, li.gfield.gf_10_12 .gfield_description, li.gfield.gf_11_12 .gfield_description, li.gfield.gf_12_12 .gfield_description {
  display: none;
}
li.gfield.title_row.gf_1_12 .gfield_label, li.gfield.title_row.gf_2_12 .gfield_label, li.gfield.title_row.gf_3_12 .gfield_label, li.gfield.title_row.gf_4_12 .gfield_label, li.gfield.title_row.gf_5_12 .gfield_label, li.gfield.title_row.gf_6_12 .gfield_label, li.gfield.title_row.gf_7_12 .gfield_label, li.gfield.title_row.gf_8_12 .gfield_label, li.gfield.title_row.gf_9_12 .gfield_label, li.gfield.title_row.gf_10_12 .gfield_label, li.gfield.title_row.gf_11_12 .gfield_label, li.gfield.title_row.gf_12_12 .gfield_label, li.gfield.title_row.gf_1_12 .gfield_description, li.gfield.title_row.gf_2_12 .gfield_description, li.gfield.title_row.gf_3_12 .gfield_description, li.gfield.title_row.gf_4_12 .gfield_description, li.gfield.title_row.gf_5_12 .gfield_description, li.gfield.title_row.gf_6_12 .gfield_description, li.gfield.title_row.gf_7_12 .gfield_description, li.gfield.title_row.gf_8_12 .gfield_description, li.gfield.title_row.gf_9_12 .gfield_description, li.gfield.title_row.gf_10_12 .gfield_description, li.gfield.title_row.gf_11_12 .gfield_description, li.gfield.title_row.gf_12_12 .gfield_description {
  display: inline;
}
li.gfield.gf_1_12 {
  width: 6.77966%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_2_12 {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_3_12 {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_4_12 {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_5_12 {
  width: 40.67797%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_6_12 {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_7_12 {
  width: 57.62712%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_8_12 {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_9_12 {
  width: 74.57627%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_10_12 {
  width: 83.05085%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_11_12 {
  width: 91.52542%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_12_12 {
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
li.gfield.gf_last {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
li.gfield.gf_last + li.gfield, li.gfield.gf_last + li.gsection {
  clear: both;
}
li.gfield.gf_last + li.gsection {
  padding: 16px 0 8px 0;
}