Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

// Example SCSS file
$primaryColor: #eeffcc;
$container-width: 100%;

// consume variables
.container {
  color: $primaryColor;
  width: $container-width;
}

// maths
.one-quarter {
  width: $container-width / 4;
}


// nesting
.nav {
  margin: 0;
  
  .item {
    display: inline-block;
  }
  .link {
    color: complement($primaryColor);
  }
}

SassMeister-output.css

.container {
  color: #eeffcc;
  width: 100%;
}

.one-quarter {
  width: 25%;
}

.nav {
  margin: 0;
}
.nav .item {
  display: inline-block;
}
.nav .link {
  color: #ddccff;
}