Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----
$primary-color: #f00;
@mixin set-color($color) {
color: $color !important;
&.inverted {
background: $color !important;
@if lightness($color) < 60% {
color: #fff !important;
} @else {
color: #000 !important;
}
}
}
.primary-color, .accent, .cta {
@include set-color($primary-color);
}
.gray {
@include set-color(#999);
}
/*
.primary-color, .accent, .cta {
color: $primary-color !important;
&.inverted {
background: $primary-color !important;
color: #fff !important;
}
}
*/
.primary-color, .accent, .cta {
color: red !important;
}
.primary-color.inverted, .accent.inverted, .cta.inverted {
background: red !important;
color: #fff !important;
}
.gray {
color: #999999 !important;
}
.gray.inverted {
background: #999999 !important;
color: #000 !important;
}
/*
.primary-color, .accent, .cta {
color: $primary-color !important;
&.inverted {
background: $primary-color !important;
color: #fff !important;
}
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.