Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v2.0.0)
// ----

/* Bad: Using hex code instead of a colour variable */
.foo {
  background-color: #f4f4f4;  
}

/* Good: using a color variable */
$myvariable: #f4f4f4;

.bar {
  background-color: $myvariable;
}

SassMeister-output.css

/* Bad: Using hex code instead of a colour variable */
.foo {
  background-color: #f4f4f4; }

/* Good: using a color variable */
.bar {
  background-color: #f4f4f4; }