Skip to content

Instantly share code, notes, and snippets.

@catrope
Created September 4, 2014 21:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save catrope/b6391d7b87013bbb8353 to your computer and use it in GitHub Desktop.
Save catrope/b6391d7b87013bbb8353 to your computer and use it in GitHub Desktop.
icon magic
@useInvertedIcons():
&:extend(.oo-ui-icon-foo-inverted);
&:extend(.oo-ui-icon-bar-inverted);
.oo-ui-icon-foo { foo.png; }
.oo-ui-icon-foo-inverted { foo-white.png; }
.oo-ui-flagged-constructive .oo-ui-icon-foo {
foo-green.png;
}
.oo-ui-flagged-destructive .oo-ui-icon-foo {
foo-red.png;
}
.oo-ui-flagged-progressive .oo-ui-icon-foo {
foo-blue.png;
}
.oo-ui-button-framed {
&.oo-ui-flagged-constructive,
&.oo-ui-flagged-destructive,
&.oo-ui-flagged-progressive {
@useInvertedIcons();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment