// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Singularity Extras (v1.0.0.alpha.3)
// Singularity.gs (v1.2.1)
// ----

@import "singularitygs";
@import "singularity-extras";
@include add-gutter(1 / 3);
@include add-gutter-style("split");

.container {
  @include add-grid(24);
  height: 80vh;
  background: rgba(gray, 0.5);
}

.one {
  @include grid-span(1, 1);
  height: 80vh;
  background: rgba(red, 0.5);
}

.two {
  @include grid-span(4, 2);
  height: 80vh;
  background: rgba(blue, 0.5);
}

.three {
  @include grid-span(19, 6);
  height: 80vh;
  background: rgba(green, 0.5);
  .inner{
      @include add-grid(12);
        @include grid-span(6, 7);
        height: 50vh;
        background: rgba(purple, 0.5);
      }
  .inner-two{
      @include add-grid(12);
        @include grid-span(6, 1);
        height: 50vh;
        background: rgba(brown, 0.5);
      }
  
}