Working on symbol rarity colours. Working, but a few 'bugs'.

This commit is contained in:
jordanbrauer 2016-10-04 16:23:53 -05:00
parent 0f3cedb6f0
commit 6d058992eb
5 changed files with 228 additions and 14 deletions

View File

@ -1,8 +1,10 @@
@import "variables.less";
@import "path.less";
@import "core.less";
@import "sizes.less";
@import "rarities.less";
@import "width.less";
@import "icons.less";
@import "border.less";
// Currently using this as a checklist for which files I have successfully converted into sass versions.
// @import "variables.less"; // variable
// @import "path.less"; // typography
// @import "core.less"; // component
// @import "sizes.less"; // variable
@import "rarities.less"; // variable
@import "width.less"; // variable(?)
// @import "icons.less"; // component
@import "border.less"; // component

View File

@ -0,0 +1,19 @@
// TODO: Fix background color leaking on gradient class.
// TODO: Fix text-stroke issue on non-gradient classes.
@each $scheme in $rarity_palette {
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($scheme, 1)} {
color: #{nth($scheme, 2)};
&.#{$keyrune_prefix}-grad {
background: gradient(linear, left top, right top, color-stop(1%, #{nth($scheme, 3)}), color-stop(50%, #{nth($scheme, 4)}), color-stop(100%, #{nth($scheme, 3)}));
background: linear-gradient(left, #{nth($scheme, 3)} 1%, #{nth($scheme, 4)} 50%, #{nth($scheme, 3)} 100%);
text-stroke: 0.03em #{nth($scheme, 5)};
background-clip: text;
text-fill-color: transparent;
&.#{$keyrune_prefix}-no-border {
text-stroke: 0;
}
}
}
}

View File

@ -15,13 +15,30 @@
// default symbol if the set does not exist yet, or setcode does not match
&:before {
content: $setsymbol_default_content;
content: "#{$setsymbol_default_content}";
}
// set symbol size modifiers
@each $size in $symbol_sizes {
&.#{$keyrune_prefix}-#{nth($size, 1)} {
font-size: #{nth($size, 2)};
}
}
}
// set symbol size modifier classes
@each $size in $symbol_sizes {
.#{$keyrune_prefix}.#{nth($size, 1)} {
font-size: #{nth($size, 2)}
// set symbol glyphs
// Originally, this was inside of the .#{$keyrune_prefix} class above,
// and used a '&' parent selector.
// However, the loop caused a strange
// interatction and printed all of the the set name comments above all
// of the set glyh classes; making a giant block of comments on top of
// a huge list of classes.
//
// Temporary solution for proper selector specificity was to prefix the
// class with the same variable as the main .ss class above.
@each $set in $mtg_setlist {
/* #{nth($set, 1)} */
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($set, 2)}:before {
content: "#{nth($set, 3)}";
}
}

View File

@ -49,6 +49,181 @@ $setsymbol_moz_font_smoothing: grayscale !default;
$setsymbol_default_content: "\e684" !default;
// MtG Setlist ===================================
// (Set_Name, Set_Code, Set_Glyph)
$mtg_setlist: (
("Alpha", 'lea', "\e600")
("Beta", 'leb', "\e601")
("Unlimited", '2ed', "\e602")
("Revised", '3ed', "\e603")
("4th Edition", '4ed', "\e604")
("Summer Magic", 'psum', "\e605")
("5th Edition", '5ed', "\e606")
("6th Edition", '6ed', "\e607")
("7th Edition", '7ed', "\e608")
("8th Edition", '8ed', "\e609")
("9th Edition", '9ed', "\e60a")
("10th Edition", '10e', "\e60b")
("Magic 2010", 'm10', "\e60c")
("Magic 2011", 'm11', "\e60d")
("Magic 2012", 'm12', "\e60e")
("Magic 2013", 'm13', "\e60f")
("Magic 2014", 'm14', "\e610")
("Magic 2015", 'm15', "\e611")
("Core background", 'bcore', "\e612")
("Magic Origins", 'ori', "\e697")
("Arabian Nights", 'arn', "\e613")
("Antiquities", 'atq', "\e614")
("Legends", 'leg', "\e615")
("The Dark", 'drk', "\e616")
("Fallen Empires", 'fem', "\e617")
("Homelands", 'hml', "\e618")
("Ice Age", 'ice', "\e619")
("Alliances", 'all', "\e61a")
("Coldsnap", 'csp', "\e61b")
("Mirage", 'mir', "\e61c")
("Visions", 'vis', "\e61d")
("Weatherlight", 'wth', "\e61e")
("Tempest", 'tmp', "\e61f")
("Stronghold", 'sth', "\e620")
("Exodus", 'exo', "\e621")
("Urza's Saga", 'usg', "\e622")
("Urza's Legacy", 'ulg', "\e623")
("Urza's Destiny", 'uds', "\e624")
("Mercadian Masque", 'mmq', "\e625")
("Nemesis", 'nms', "\e626")
("Prophecy", 'pcy', "\e627")
("Invasion", 'inv', "\e628")
("Planeshift", 'pls', "\e629")
("Apocalypse", 'apc', "\e62a")
("Odyssey", 'ody', "\e62b")
("Torment", 'tor', "\e62c")
("Judgement", 'jud', "\e62d")
("Onslaught", 'ons', "\e62e")
("Legions", 'lgn', "\e62f")
("Scourge", 'scg', "\e630")
("Mirrodin", 'mrd', "\e631")
("Darksteel", 'dst', "\e632")
("5th Dawn", '5dn', "\e633")
("Champions of", 'chk', "\e634")
("Betrayers of", 'bok', "\e635")
("Saviors of Kamigawa", 'sok', "\e636")
("Ravnica", 'rav', "\e637")
("Guildpact", 'gpt', "\e638")
("Dissension", 'dis', "\e639")
("Time Spiral", 'tsp', "\e63a")
("Planeshift", 'plc', "\e63b")
("Future Sight", 'fut', "\e63c")
("Lorwyn", 'lrw', "\e63d")
("Morningtide", 'mor', "\e63e")
("Shadowmoor", 'shm', "\e63f")
("Eventide", 'eve', "\e640")
("Shards of Alara", 'ala', "\e641")
("Conflux", 'con', "\e642")
("Alara Reborn", 'arb', "\e643")
("Zendikar", 'zen', "\e644")
("Worldwake", 'wwk', "\e645")
("Rise of Eldrazi", 'roe', "\e646")
("Scars of Mirrodin", 'som', "\e647")
("Mirrodin Besieged", 'mbs', "\e648")
("New Phyrexia", 'nph', "\e649")
("Innistrad", 'isd', "\e64a")
("Dark Ascension", 'dka', "\e64b")
("Avacyn Restored", 'avr', "\e64c")
("Return to Ravnica", 'rtr', "\e64d")
("Gatecrash", 'gtc', "\e64e")
("Dragon's Maze", 'dgm', "\e64f")
("Theros", 'ths', "\e650")
("Born of the Gods", 'bng', "\e651")
("Journey into Nyx", 'jou', "\e652")
("Khans of Tarkir", 'ktk', "\e653")
("Fate Reforged", 'frf', "\e654")
("Dragons of Tarkir", 'dtk', "\e693")
("Battle for Zendikar", 'bfz', "\e699")
("Oath of the", 'ogw', "\e901")
("Shadows Over", 'soi', "\e902")
("Eldritch Moon", 'emn', "\e90b")
("Kaladesh", 'kld', "\e90e")
("Aether Revolt", 'aer', "\e90f")
("Vanguard", 'van', "\e655")
("Planechase 2009", 'hop', "\e656")
("Archenemy", 'arc', "\e657")
("Commander", 'cmd', "\e658")
("Planechase 2012", 'pc2', "\e659")
("Commander's Arsenal", 'cm1', "\e65a")
("Commander 2013", 'c13', "\e65b")
("Conspiracy", 'cns', "\e65c")
("Commander 2014", 'c14', "\e65d")
("Commander 2015", 'c15', "\e900")
("Conspiracy 2, Take", 'cn2', "\e904")
("Commander 2016", 'c16', "\e910")
("Planechase", 'pca', "\e911")
("Chronicles", 'chr', "\e65e")
("Anthologies", 'ath', "\e65f")
("Battle Royale", 'brb', "\e660")
("Beatdown", 'btd', "\e661")
("Deckmasters", 'dkm', "\e662")
("Modern Masters", 'mma', "\e663")
("Modern Masters 2015", 'mm2', "\e695")
("Eternal Masters", 'ema', "\e903")
("Modern Masters 2017", 'mm3', "\e912")
("Portal", 'por', "\e664")
("Portal 2", 'po2', "\e665")
("Portal 3 Kingdoms", 'ptk', "\e666")
("Starter 1999", 's99', "\e667")
("Starter 2000", 's00', "\e668")
("Welcome Deck 2016", 'w16', "\e907")
("Elves vs. Goblins", 'evg', "\e669")
("Jace vs. Chandra", 'dd2', "\e66a")
("Divine vs. Demonic", 'ddc', "\e66b")
("Garruk vs. Liliana", 'ddd', "\e66c")
("Phyrexia vs.", 'dde', "\e66d")
("Elspeth vs.", 'ddf', "\e66e")
("Knights vs. Dragons", 'ddg', "\e66f")
("Ajani vs. Nicol", 'ddh', "\e670")
("Venser vs. Koth", 'ddi', "\e671")
("Izzet vs. Golgari", 'ddj', "\e672")
("Sorin vs. Tibalt", 'ddk', "\e673")
("Heroes vs. Monsters", 'ddl', "\e674")
("Jace vs. Vraska", 'ddm', "\e675")
("Speed vs. Cunning", 'ddn', "\e676")
("Kiora vs. Elspeth", 'ddo', "\e677")
("Zendikar vs.", 'ddp', "\e698")
("Blessed vs. Cursed", 'ddq', "\e908")
("Nissa vs. Ob", 'ddr', "\e90d")
("Dragons", 'drb', "\e678")
("Exiled", 'v09', "\e679")
("Relics", 'v10', "\e67a")
("Legends", 'v11', "\e67b")
("Realms", 'v12', "\e67c")
("Twenty", 'v13', "\e67d")
("Annihilation", 'v14', "\e67e")
("Angels", 'v15', "\e905")
("Lore", 'v16', "\e906")
("Slivers", 'h09', "\e67f")
("Fire & Lightning", 'pd2', "\e680")
("Graveborn", 'pd3', "\e681")
("Modern Event Deck", 'md1', "\e682")
("Guru", 'pgru', "\e683")
("Magic symbol", 'pmtg1', "\e684")
("Magic symbol", 'pmtg2', "\e685")
("Leaf", 'pleaf', "\e686")
("Media Insert", 'pmei', "\e687")
("DCI (Arena)", 'parl', "\e688")
("Dragons", 'dpa', "\e689")
("Book Insert", 'pbook', "\e68a")
("Astral", 'past', "\e68b")
("Arena logo", 'parl2', "\e68c")
("Zendikar", 'exp', "\e69a")
("Salvat 2005", 'psalvat05', "\e909")
("Salvat 2011", 'psalvat11', "\e90a")
("Masterpieces,", 'mp1', "\e913")
("Masters Edition", 'med', "\e68d")
("Masters Edition II", 'me2', "\e68e")
("Masters Edition III", 'me3', "\e68f")
("Masters Edition IV", 'me4', "\e690")
("Tempest Remastered", 'tpr', "\e694")
("Vintage Masters", 'vma', "\e696")
("Legendary Cube", 'xlcu', "\e90c")
("Unglued", 'ugl', "\e691")
("Unhinged", 'unh', "\e692")
) !default;

View File

@ -7,3 +7,4 @@
// Components ==========
@import 'components/typography';
@import 'components/setsymbol';
@import 'components/rarities';