Generated by SassMeister.com.

SassMeister-input-HTML.html

<h1>Header</h1>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$color: #D72272;
$newcolor: lighten($color, 30%);

body {
    background-color: $newcolor;
}

h1 {
    color: white;
    background-color: $color;
    padding: .5rem;
}

* {
    margin: 0;
    padding: 0;
}

SassMeister-output.css

body {
  background-color: #f0a2c4;
}

h1 {
  color: white;
  background-color: #d72272;
  padding: .5rem;
}

* {
  margin: 0;
  padding: 0;
}

SassMeister-rendered.html

<h1>Header</h1>