Generated by SassMeister.com.

SassMeister-input.scss

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

/* Variables and Interpolation */

$text-color: #888;
$text-font-family: Helvetica, Arial, sans-serif;
$baseline: 2.5em;

body {
  margin: 0;
  padding: 0;
  font-family: $text-font-family;
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: $text-color;
  // Scope
  $white: #fff !global;
}

.container {
  padding: $baseline * 2;
  border: 1px solid $white;
}

// Interpolation
$child: "widget";
$cite-before: "Author";

.sidebar-#{$child} {
  padding: $baseline;
  &:before {
    content: "#{$cite-before}";
  }
}

SassMeister-output.css

/* Variables and Interpolation */
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #888;
}

.container {
  padding: 5em;
  border: 1px solid #fff;
}

.sidebar-widget {
  padding: 2.5em;
}
.sidebar-widget:before {
  content: "Author";
}