Skip to content

Instantly share code, notes, and snippets.

@DarbyBrown
Created June 29, 2015 15:07
Show Gist options
  • Save DarbyBrown/7f8064fed9d1bba7359a to your computer and use it in GitHub Desktop.
Save DarbyBrown/7f8064fed9d1bba7359a to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$colors: (
green: #95c11e,
red: #e30512,
yellow: #ffde44,
blue: #009ee2,
orange: #f39200
);
$sections: (
work: map-get($colors, green),
director: map-get($colors, red),
contact: map-get($colors, yellow),
about: map-get($colors, blue),
news: map-get($colors, orange)
);
@mixin sections() {
@each $name, $color in $sections {
$color: $color !global;
&--#{$name} {
@content
}
}
}
.selector {
color: red;
}
.selector {
@include sections {
border: 1px solid $color;
}
}
.selector {
color: red;
}
.selector--work {
border: 1px solid #95c11e;
}
.selector--director {
border: 1px solid #e30512;
}
.selector--contact {
border: 1px solid #ffde44;
}
.selector--about {
border: 1px solid #009ee2;
}
.selector--news {
border: 1px solid #f39200;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment