Generated by SassMeister.com.

SassMeister-input.scss

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

// The variable cascade!
// NOTE: This example is meant to illustrate how variables cascade.
// NOTE: this may seem elementary, but imagine trying to override these variables in different files in different parts of the cascade.

// Example 1: Outputs white because $first-variable: 'blue'; comes after the .outputs-white class
$first-variable: 'white';
.outputs-white { color: $first-variable; } // Will output white, not blue
$first-variable: 'blue';




// Example 2: Outputs blue because $second-variable: 'blue'; comes *before* the .outputs-blue class
$second-variable: 'white';
$second-variable: 'blue';
.outputs-blue { color: $second-variable; } // Will output blue

SassMeister-output.css

.outputs-white {
  color: "white";
}

.outputs-blue {
  color: "blue";
}