Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

// Using Sass' ability to create variables.
$radius: 4px;
$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
$line-height: 1.3;
$margin-bottom: 1.2em;
$f3: #f3f3f3;
$c69: #cc6699;
$general-padding: 1.61%;

.module {
  background-color: $c69;
  border-radius: $radius;
  padding: 1em $general-padding;
  width: 40%;
  h3 {
    color: $f3;
    font-family: $helvetica;
    font-size: 2.4em;
    line-height: $line-height;
    margin-bottom: $margin-bottom;
  }
  p {
    background-color: $f3;
    color: $c69;
    font-family: $helvetica;
    font-size: 1.4em;
    line-height: $line-height;
    margin-bottom: $margin-bottom;
  }
}

.box {
  border-radius: $radius;
  padding: $general-padding;
  width: 33.3333%;
}

SassMeister-output.css

.module {
  background-color: #cc6699;
  border-radius: 4px;
  padding: 1em 1.61%;
  width: 40%;
}
.module h3 {
  color: #f3f3f3;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4em;
  line-height: 1.3;
  margin-bottom: 1.2em;
}
.module p {
  background-color: #f3f3f3;
  color: #cc6699;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.3;
  margin-bottom: 1.2em;
}

.box {
  border-radius: 4px;
  padding: 1.61%;
  width: 33.3333%;
}