Generated by SassMeister.com.

SassMeister-input-HTML.html

<div id="box">Hello!</div>

SassMeister-input.scss

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

$black: #000;

@function gray($value) {
  @return lighten($black, $value);
}

#box {
  width: 200px;
  height: 200px;
  color: gray(92);
  background-color: gray(20);
  border-color: gray(26.5);
}

SassMeister-output.css

#box {
  width: 200px;
  height: 200px;
  color: #ebebeb;
  background-color: #333333;
  border-color: #444444;
}

SassMeister-rendered.html

<div id="box">Hello!</div>