Skip to content

Instantly share code, notes, and snippets.

@BlackHC
Created September 29, 2014 21:53
Show Gist options
  • Save BlackHC/af149c876a771bd86795 to your computer and use it in GitHub Desktop.
Save BlackHC/af149c876a771bd86795 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
feature-info {
shadowing: feature-exists(global-variable-shadowing);
}
$var: red;
outer {
// Try to uncomment the following line and notice the difference
$var: white;
inner {
nested {
color: $var;
$var: green;
color: $var;
}
}
other {
color: $var;
// So overriding a global creates a local that shadows it.
// But overriding a local does not create a shadow but overwrites the outer local..
}
}
global {
color: $var;
}
feature-info {
shadowing: true;
}
outer inner nested {
color: white;
color: green;
}
outer other {
color: green;
}
global {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment