Generated by SassMeister.com.

SassMeister-input-HTML.html

This is a test

SassMeister-input.scss

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

$positive: red;
$width: 100px;

@mixin lighterTextColor($color) {
  color: lighten($color, 10); 
}

body {
  @include lighterTextColor($positive);
}

// Extend
p {
  @extend body;
}

// Operators
div {
  padding: $width/2 $width;
}

SassMeister-output.css

body, p {
  color: #ff3333;
}

div {
  padding: 50px 100px;
}

SassMeister-rendered.html

This is a test