clintfisher · August 29, 2015 14:23
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div id="box">Hello!</div>
diff --git a/SassMeister-input.scss b/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);
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 #box {
  width: 200px;
  height: 200px;
  color: #ebebeb;
  background-color: #333333;
  border-color: #444444;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div id="box">Hello!</div>
	// ----
	// 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);
	}