Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----


// theme partial
$foo: 'theme value for $foo';

$bar: 'theme value for $bar';

$foobar: 'theme value for $foobar';

// _config partial
$foo: 'config value' !default; // will use $foo's theme value, because !default is specified

$bar: $foo; // will use $foo's value, because !default is not specified; this variable cannot be themed

$foobar: $foo !default; // will use $foobar's theme value, because !default is specified

// component partial
.foo {
  content: $foo;
}

.bar {
  content: $bar;
}

.foobar {
  content: $foobar;
}

SassMeister-output.css

.foo {
  content: "theme value for $foo";
}

.bar {
  content: "theme value for $foo";
}

.foobar {
  content: "theme value for $foobar";
}