Instantly share code, notes, and snippets.

Embed
What would you like to do?
SCSS: World of Warcraft: Class Colours
$wow_priest: #FFFFFF;
$wow_mage: #69CCF0;
$wow_warlock: #9482C9;
$wow_rogue: #FFF569;
$wow_druid: #FF7D0A;
$wow_monk: #00FF96;
$wow_demon_hunter: #A330C9;
$wow_hunter: #ABD473;
$wow_shaman: #0070DE;
$wow_death_knight: #C41F3B;
$wow_warrior: #C79C6E;
$wow_paladin: #F58CBA;
@davidcraig

This comment has been minimized.

Copy link
Owner

davidcraig commented Dec 9, 2018

CSS Variables

// Cloth Wearers
--class-priest: #fff;
--class-mage: #69CCF0;
--class-warlock: #9482C9;

// Leather Wearers
--class-rogue: #FFF569;
--class-druid: #FF7D0A;

// Mail Wearers
--class-hunter: #ABD473;
--class-shaman: #0070DE;

// Plate Wearers

--class-warrior: #C79C6E;
--class-paladin: #F58CBA;
--class-death-knight: #C41F3B;
@davidcraig

This comment has been minimized.

Copy link
Owner

davidcraig commented Dec 9, 2018

SCSS Classes using the above css variables:

.priest-fg { color: var(--class-priest); }
.mage-fg { color: var(--class-mage); }
.warlock-fg { color: var(--class-warlock); }

.rogue-fg { color: var(--class-rogue); }
.druid-fg { color: var(--class-druid); }

.hunter-fg { color: var(--class-hunter); }
.shaman-fg { color: var(--class-shaman); }

.warrior-fg { color: var(--class-warrior); }
.paladin-fg { color: var(--class-paladin); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment