Skip to content

Instantly share code, notes, and snippets.

@dustinleblanc
Created December 17, 2015 21:31
Show Gist options
  • Save dustinleblanc/71b2db8ee3c2307fa641 to your computer and use it in GitHub Desktop.
Save dustinleblanc/71b2db8ee3c2307fa641 to your computer and use it in GitHub Desktop.
Scoped SCSS Variables
$color-schemes: (
numba_one $brand-one,
numba_two $brand-two,
numba_three $brand-three,
);
@each $color-scheme in $color-schemes {
body.#{nth($color-scheme, 1)} {
$dark: darken(nth($color-scheme, 2), 20%);
$med: nth($color-scheme, 2);
$light: ligthen(nth($color-scheme, 2), 20%);
.thingy {
a {
color: $med;
&:active { color: $dark };
&:hover { color: $light };
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment