From dc6f9115cf0b07778a58194bba163515350938ad Mon Sep 17 00:00:00 2001 From: jordanbrauer Date: Wed, 5 Oct 2016 00:33:12 -0500 Subject: [PATCH] Completed conversion commit. --- css/keyrune.css | 1680 ++++++++++++++++++------------ css/keyrune.min.css | 2 +- gulpfile.js | 58 +- index.html | 1 + less/keyrune.less | 8 +- package.json | 4 +- sass/components/_helpers.scss | 48 + sass/components/_rarities.scss | 28 +- sass/components/_setsymbol.scss | 34 +- sass/components/_typography.scss | 23 +- sass/config/_settings.scss | 280 ++++- sass/config/_variables.scss | 450 ++++---- sass/keyrune.scss | 10 +- sass/sass/config/_settings.scss | 279 +++++ 14 files changed, 1991 insertions(+), 914 deletions(-) mode change 100755 => 100644 css/keyrune.css create mode 100644 sass/components/_helpers.scss create mode 100644 sass/sass/config/_settings.scss diff --git a/css/keyrune.css b/css/keyrune.css old mode 100755 new mode 100644 index cc8c04b..3f6878c --- a/css/keyrune.css +++ b/css/keyrune.css @@ -1,687 +1,1051 @@ -/** - * Global */ +@charset "UTF-8"; +/** Keyrune Font-Family ========================= + * | Concatenation is purely for readability purposes. + * | + * | TODO: Might come back and create a function to fetch font formats from an array. benefit is shorter syntax. + */ @font-face { - font-family: 'Keyrune'; - src: url('../fonts/keyrune.eot?v=1.7.2'); - src: url('../fonts/keyrune.eot?#iefix&v=1.7.2') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=1.7.2') format('woff2'), url('../fonts/keyrune.woff?v=1.7.2') format('woff'), url('../fonts/keyrune.ttf?v=1.7.2') format('truetype'), url('../fonts/keyrune.svg?v=1.7.2#keyrune') format('svg'); + font-family: "Keyrune"; + src: url("../fonts/keyrune.eot?v=1.7.2"); + src: url("../fonts/keyrune.eot?#iefix&v=1.7.2") format("embedded-opentype"), url("../fonts/keyrune.woff2?v=1.7.2") format("woff2"), url("../fonts/keyrune.woff?v=1.7.2") format("woff"), url("../fonts/keyrune.ttf?v=1.7.2") format("truetype"), url("../fonts/keyrune.svg?v=1.7.2#keyrune") format("svg"); font-weight: normal; font-style: normal; } + +/** Setsymbol Base Class ======================== + */ .ss { display: inline-block; - font: normal normal normal 14px/1 Keyrune; + font: normal normal normal 14px "Keyrune"; font-size: inherit; line-height: 1em; text-rendering: auto; + -webkit-transform: translate(0, 0); transform: translate(0, 0); speak: none; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -moz-font-smoothing: grayscale; } + .ss:before { - content: "\e684"; + content: ""; } -/** - * Larger sizes */ -.ss-2x { - font-size: 2em; + +/** Setsymbol Glyphs ============================ + * | Originally, this was inside of the .ss 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. Not really + * | best practice (DRY, etc...) but fixes weird compilation. + */ +/* Alpha */ +.ss.ss-lea:before { + content: ""; } -.ss-3x { - font-size: 3em; + +/* Beta */ +.ss.ss-leb:before { + content: ""; } -.ss-4x { - font-size: 4em; + +/* Unlimited */ +.ss.ss-2ed:before { + content: ""; } -.ss-5x { - font-size: 5em; + +/* Revised */ +.ss.ss-3ed:before { + content: ""; } -.ss-6x { - font-size: 6em; + +/* 4th Edition */ +.ss.ss-4ed:before { + content: ""; } -/** - * Rarity colors */ -.ss-common { - color: #1A1718; + +/* Summer Magic */ +.ss.ss-psum:before { + content: ""; } -.ss-common.ss-grad { - background: -webkit-gradient(linear, left top, right top, color-stop(1%, #302b2c), color-stop(50%, #474040), color-stop(100%, #302b2c)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #302b2c 1%, #474040 50%, #302b2c 100%); + +/* 5th Edition */ +.ss.ss-5ed:before { + content: ""; +} + +/* 6th Edition */ +.ss.ss-6ed:before { + content: ""; +} + +/* 7th Edition */ +.ss.ss-7ed:before { + content: ""; +} + +/* 8th Edition */ +.ss.ss-8ed:before { + content: ""; +} + +/* 9th Edition */ +.ss.ss-9ed:before { + content: ""; +} + +/* 10th Edition */ +.ss.ss-10e:before { + content: ""; +} + +/* Magic 2010 */ +.ss.ss-m10:before { + content: ""; +} + +/* Magic 2011 */ +.ss.ss-m11:before { + content: ""; +} + +/* Magic 2012 */ +.ss.ss-m12:before { + content: ""; +} + +/* Magic 2013 */ +.ss.ss-m13:before { + content: ""; +} + +/* Magic 2014 */ +.ss.ss-m14:before { + content: ""; +} + +/* Magic 2015 */ +.ss.ss-m15:before { + content: ""; +} + +/* Core background */ +.ss.ss-bcore:before { + content: ""; +} + +/* Magic Origins */ +.ss.ss-ori:before { + content: ""; +} + +/* Arabian Nights */ +.ss.ss-arn:before { + content: ""; +} + +/* Antiquities */ +.ss.ss-atq:before { + content: ""; +} + +/* Legends */ +.ss.ss-leg:before { + content: ""; +} + +/* The Dark */ +.ss.ss-drk:before { + content: ""; +} + +/* Fallen Empires */ +.ss.ss-fem:before { + content: ""; +} + +/* Homelands */ +.ss.ss-hml:before { + content: ""; +} + +/* Ice Age */ +.ss.ss-ice:before { + content: ""; +} + +/* Alliances */ +.ss.ss-all:before { + content: ""; +} + +/* Coldsnap */ +.ss.ss-csp:before { + content: ""; +} + +/* Mirage */ +.ss.ss-mir:before { + content: ""; +} + +/* Visions */ +.ss.ss-vis:before { + content: ""; +} + +/* Weatherlight */ +.ss.ss-wth:before { + content: ""; +} + +/* Tempest */ +.ss.ss-tmp:before { + content: ""; +} + +/* Stronghold */ +.ss.ss-sth:before { + content: ""; +} + +/* Exodus */ +.ss.ss-exo:before { + content: ""; +} + +/* Urza's Saga */ +.ss.ss-usg:before { + content: ""; +} + +/* Urza's Legacy */ +.ss.ss-ulg:before { + content: ""; +} + +/* Urza's Destiny */ +.ss.ss-uds:before { + content: ""; +} + +/* Mercadian Masque */ +.ss.ss-mmq:before { + content: ""; +} + +/* Nemesis */ +.ss.ss-nms:before { + content: ""; +} + +/* Prophecy */ +.ss.ss-pcy:before { + content: ""; +} + +/* Invasion */ +.ss.ss-inv:before { + content: ""; +} + +/* Planeshift */ +.ss.ss-pls:before { + content: ""; +} + +/* Apocalypse */ +.ss.ss-apc:before { + content: ""; +} + +/* Odyssey */ +.ss.ss-ody:before { + content: ""; +} + +/* Torment */ +.ss.ss-tor:before { + content: ""; +} + +/* Judgement */ +.ss.ss-jud:before { + content: ""; +} + +/* Onslaught */ +.ss.ss-ons:before { + content: ""; +} + +/* Legions */ +.ss.ss-lgn:before { + content: ""; +} + +/* Scourge */ +.ss.ss-scg:before { + content: ""; +} + +/* Mirrodin */ +.ss.ss-mrd:before { + content: ""; +} + +/* Darksteel */ +.ss.ss-dst:before { + content: ""; +} + +/* 5th Dawn */ +.ss.ss-5dn:before { + content: ""; +} + +/* Champions of */ +.ss.ss-chk:before { + content: ""; +} + +/* Betrayers of */ +.ss.ss-bok:before { + content: ""; +} + +/* Saviors of Kamigawa */ +.ss.ss-sok:before { + content: ""; +} + +/* Ravnica */ +.ss.ss-rav:before { + content: ""; +} + +/* Guildpact */ +.ss.ss-gpt:before { + content: ""; +} + +/* Dissension */ +.ss.ss-dis:before { + content: ""; +} + +/* Time Spiral */ +.ss.ss-tsp:before { + content: ""; +} + +/* Planeshift */ +.ss.ss-plc:before { + content: ""; +} + +/* Future Sight */ +.ss.ss-fut:before { + content: ""; +} + +/* Lorwyn */ +.ss.ss-lrw:before { + content: ""; +} + +/* Morningtide */ +.ss.ss-mor:before { + content: ""; +} + +/* Shadowmoor */ +.ss.ss-shm:before { + content: ""; +} + +/* Eventide */ +.ss.ss-eve:before { + content: ""; +} + +/* Shards of Alara */ +.ss.ss-ala:before { + content: ""; +} + +/* Conflux */ +.ss.ss-con:before { + content: ""; +} + +/* Alara Reborn */ +.ss.ss-arb:before { + content: ""; +} + +/* Zendikar */ +.ss.ss-zen:before { + content: ""; +} + +/* Worldwake */ +.ss.ss-wwk:before { + content: ""; +} + +/* Rise of Eldrazi */ +.ss.ss-roe:before { + content: ""; +} + +/* Scars of Mirrodin */ +.ss.ss-som:before { + content: ""; +} + +/* Mirrodin Besieged */ +.ss.ss-mbs:before { + content: ""; +} + +/* New Phyrexia */ +.ss.ss-nph:before { + content: ""; +} + +/* Innistrad */ +.ss.ss-isd:before { + content: ""; +} + +/* Dark Ascension */ +.ss.ss-dka:before { + content: ""; +} + +/* Avacyn Restored */ +.ss.ss-avr:before { + content: ""; +} + +/* Return to Ravnica */ +.ss.ss-rtr:before { + content: ""; +} + +/* Gatecrash */ +.ss.ss-gtc:before { + content: ""; +} + +/* Dragon's Maze */ +.ss.ss-dgm:before { + content: ""; +} + +/* Theros */ +.ss.ss-ths:before { + content: ""; +} + +/* Born of the Gods */ +.ss.ss-bng:before { + content: ""; +} + +/* Journey into Nyx */ +.ss.ss-jou:before { + content: ""; +} + +/* Khans of Tarkir */ +.ss.ss-ktk:before { + content: ""; +} + +/* Fate Reforged */ +.ss.ss-frf:before { + content: ""; +} + +/* Dragons of Tarkir */ +.ss.ss-dtk:before { + content: ""; +} + +/* Battle for Zendikar */ +.ss.ss-bfz:before { + content: ""; +} + +/* Oath of the */ +.ss.ss-ogw:before { + content: ""; +} + +/* Shadows Over */ +.ss.ss-soi:before { + content: ""; +} + +/* Eldritch Moon */ +.ss.ss-emn:before { + content: ""; +} + +/* Kaladesh */ +.ss.ss-kld:before { + content: ""; +} + +/* Aether Revolt */ +.ss.ss-aer:before { + content: ""; +} + +/* Vanguard */ +.ss.ss-van:before { + content: ""; +} + +/* Planechase 2009 */ +.ss.ss-hop:before { + content: ""; +} + +/* Archenemy */ +.ss.ss-arc:before { + content: ""; +} + +/* Commander */ +.ss.ss-cmd:before { + content: ""; +} + +/* Planechase 2012 */ +.ss.ss-pc2:before { + content: ""; +} + +/* Commander's Arsenal */ +.ss.ss-cm1:before { + content: ""; +} + +/* Commander 2013 */ +.ss.ss-c13:before { + content: ""; +} + +/* Conspiracy */ +.ss.ss-cns:before { + content: ""; +} + +/* Commander 2014 */ +.ss.ss-c14:before { + content: ""; +} + +/* Commander 2015 */ +.ss.ss-c15:before { + content: ""; +} + +/* Conspiracy 2, Take */ +.ss.ss-cn2:before { + content: ""; +} + +/* Commander 2016 */ +.ss.ss-c16:before { + content: ""; +} + +/* Planechase */ +.ss.ss-pca:before { + content: ""; +} + +/* Chronicles */ +.ss.ss-chr:before { + content: ""; +} + +/* Anthologies */ +.ss.ss-ath:before { + content: ""; +} + +/* Battle Royale */ +.ss.ss-brb:before { + content: ""; +} + +/* Beatdown */ +.ss.ss-btd:before { + content: ""; +} + +/* Deckmasters */ +.ss.ss-dkm:before { + content: ""; +} + +/* Modern Masters */ +.ss.ss-mma:before { + content: ""; +} + +/* Modern Masters 2015 */ +.ss.ss-mm2:before { + content: ""; +} + +/* Eternal Masters */ +.ss.ss-ema:before { + content: ""; +} + +/* Modern Masters 2017 */ +.ss.ss-mm3:before { + content: ""; +} + +/* Portal */ +.ss.ss-por:before { + content: ""; +} + +/* Portal 2 */ +.ss.ss-po2:before { + content: ""; +} + +/* Portal 3 Kingdoms */ +.ss.ss-ptk:before { + content: ""; +} + +/* Starter 1999 */ +.ss.ss-s99:before { + content: ""; +} + +/* Starter 2000 */ +.ss.ss-s00:before { + content: ""; +} + +/* Welcome Deck 2016 */ +.ss.ss-w16:before { + content: ""; +} + +/* Elves vs. Goblins */ +.ss.ss-evg:before { + content: ""; +} + +/* Jace vs. Chandra */ +.ss.ss-dd2:before { + content: ""; +} + +/* Divine vs. Demonic */ +.ss.ss-ddc:before { + content: ""; +} + +/* Garruk vs. Liliana */ +.ss.ss-ddd:before { + content: ""; +} + +/* Phyrexia vs. */ +.ss.ss-dde:before { + content: ""; +} + +/* Elspeth vs. */ +.ss.ss-ddf:before { + content: ""; +} + +/* Knights vs. Dragons */ +.ss.ss-ddg:before { + content: ""; +} + +/* Ajani vs. Nicol */ +.ss.ss-ddh:before { + content: ""; +} + +/* Venser vs. Koth */ +.ss.ss-ddi:before { + content: ""; +} + +/* Izzet vs. Golgari */ +.ss.ss-ddj:before { + content: ""; +} + +/* Sorin vs. Tibalt */ +.ss.ss-ddk:before { + content: ""; +} + +/* Heroes vs. Monsters */ +.ss.ss-ddl:before { + content: ""; +} + +/* Jace vs. Vraska */ +.ss.ss-ddm:before { + content: ""; +} + +/* Speed vs. Cunning */ +.ss.ss-ddn:before { + content: ""; +} + +/* Kiora vs. Elspeth */ +.ss.ss-ddo:before { + content: ""; +} + +/* Zendikar vs. */ +.ss.ss-ddp:before { + content: ""; +} + +/* Blessed vs. Cursed */ +.ss.ss-ddq:before { + content: ""; +} + +/* Nissa vs. Ob */ +.ss.ss-ddr:before { + content: ""; +} + +/* Dragons */ +.ss.ss-drb:before { + content: ""; +} + +/* Exiled */ +.ss.ss-v09:before { + content: ""; +} + +/* Relics */ +.ss.ss-v10:before { + content: ""; +} + +/* Legends */ +.ss.ss-v11:before { + content: ""; +} + +/* Realms */ +.ss.ss-v12:before { + content: ""; +} + +/* Twenty */ +.ss.ss-v13:before { + content: ""; +} + +/* Annihilation */ +.ss.ss-v14:before { + content: ""; +} + +/* Angels */ +.ss.ss-v15:before { + content: ""; +} + +/* Lore */ +.ss.ss-v16:before { + content: ""; +} + +/* Slivers */ +.ss.ss-h09:before { + content: ""; +} + +/* Fire & Lightning */ +.ss.ss-pd2:before { + content: ""; +} + +/* Graveborn */ +.ss.ss-pd3:before { + content: ""; +} + +/* Modern Event Deck */ +.ss.ss-md1:before { + content: ""; +} + +/* Guru */ +.ss.ss-pgru:before { + content: ""; +} + +/* Magic symbol */ +.ss.ss-pmtg1:before { + content: ""; +} + +/* Magic symbol */ +.ss.ss-pmtg2:before { + content: ""; +} + +/* Leaf */ +.ss.ss-pleaf:before { + content: ""; +} + +/* Media Insert */ +.ss.ss-pmei:before { + content: ""; +} + +/* DCI (Arena) */ +.ss.ss-parl:before { + content: ""; +} + +/* Dragons */ +.ss.ss-dpa:before { + content: ""; +} + +/* Book Insert */ +.ss.ss-pbook:before { + content: ""; +} + +/* Astral */ +.ss.ss-past:before { + content: ""; +} + +/* Arena logo */ +.ss.ss-parl2:before { + content: ""; +} + +/* Zendikar */ +.ss.ss-exp:before { + content: ""; +} + +/* Salvat 2005 */ +.ss.ss-psalvat05:before { + content: ""; +} + +/* Salvat 2011 */ +.ss.ss-psalvat11:before { + content: ""; +} + +/* Masterpieces, */ +.ss.ss-mp1:before { + content: ""; +} + +/* Masters Edition */ +.ss.ss-med:before { + content: ""; +} + +/* Masters Edition II */ +.ss.ss-me2:before { + content: ""; +} + +/* Masters Edition III */ +.ss.ss-me3:before { + content: ""; +} + +/* Masters Edition IV */ +.ss.ss-me4:before { + content: ""; +} + +/* Tempest Remastered */ +.ss.ss-tpr:before { + content: ""; +} + +/* Vintage Masters */ +.ss.ss-vma:before { + content: ""; +} + +/* Legendary Cube */ +.ss.ss-xlcu:before { + content: ""; +} + +/* Unglued */ +.ss.ss-ugl:before { + content: ""; +} + +/* Unhinged */ +.ss.ss-unh:before { + content: ""; +} + +/** Setsymbol Rarities ========================== + * | Strangely enough, autoprefixer doesn't wanna prefix + * | some of the things in here properly. Either way, I kept those + * | hard-coded prefxed to ensure it to work! + */ +/* common */ +.ss.ss-common { + color: #1a1718; +} + +.ss.ss-common.ss-grad { + /* Chrome, Safari4+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%, #302b2c), color-stop(50%, #474040), color-stop(100%, #302b2c)); + /* Chrome10+, Safari5.1+ */ + background: -webkit-linear-gradient(left, #302b2c 0%, #474040 50%, #302b2c 100%); -webkit-text-stroke: 0.03em #000; - -webkit-background-clip: text; -webkit-text-fill-color: transparent; + -webkit-background-clip: text; + background-clip: text; } -.ss-common.ss-grad.ss-no-border { - -webkit-text-stroke: 0; -} -.ss-uncommon { + +/* uncommon */ +.ss.ss-uncommon { color: #707883; } -.ss-uncommon.ss-grad { + +.ss.ss-uncommon.ss-grad { + /* Chrome, Safari4+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5a6572), color-stop(50%, #9e9e9e), color-stop(100%, #5a6572)); - /* Chrome,Safari4+ */ + /* Chrome10+, Safari5.1+ */ background: -webkit-linear-gradient(left, #5a6572 0%, #9e9e9e 50%, #5a6572 100%); -webkit-text-stroke: 0.03em #111; - -webkit-background-clip: text; -webkit-text-fill-color: transparent; + -webkit-background-clip: text; + background-clip: text; } -.ss-uncommon.ss-grad.ss-no-border { - -webkit-text-stroke: 0; + +/* rare */ +.ss.ss-rare { + color: #a58e4a; } -.ss-rare { - color: #A58E4A; -} -.ss-rare.ss-grad { + +.ss.ss-rare.ss-grad { + /* Chrome, Safari4+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #876a3b), color-stop(50%, #dfbd6b), color-stop(100%, #876a3b)); - /* Chrome,Safari4+ */ + /* Chrome10+, Safari5.1+ */ background: -webkit-linear-gradient(left, #876a3b 0%, #dfbd6b 50%, #876a3b 100%); -webkit-text-stroke: 0.03em #333; - -webkit-background-clip: text; -webkit-text-fill-color: transparent; + -webkit-background-clip: text; + background-clip: text; } -.ss-rare.ss-grad.ss-no-border { - -webkit-text-stroke: 0; + +/* mythic */ +.ss.ss-mythic { + color: #bf4427; } -.ss-mythic { - color: #BF4427; -} -.ss-mythic.ss-grad { + +.ss.ss-mythic.ss-grad { + /* Chrome, Safari4+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b21f0f), color-stop(50%, #f38300), color-stop(100%, #b21f0f)); - /* Chrome,Safari4+ */ + /* Chrome10+, Safari5.1+ */ background: -webkit-linear-gradient(left, #b21f0f 0%, #f38300 50%, #b21f0f 100%); -webkit-text-stroke: 0.03em #333; - -webkit-background-clip: text; -webkit-text-fill-color: transparent; + -webkit-background-clip: text; + background-clip: text; } -.ss-mythic.ss-grad.ss-no-border { - -webkit-text-stroke: 0; + +/** Setsymbol Size Modifiers ==================== + */ +.ss.ss-2x { + font-size: 2em; } -/** - * Fixed width */ -.ss-fw { - width: 1.28571429em; + +.ss.ss-3x { + font-size: 3em; +} + +.ss.ss-4x { + font-size: 4em; +} + +.ss.ss-5x { + font-size: 5em; +} + +.ss.ss-6x { + font-size: 6em; +} + +.ss.ss-fw { + width: -webkit-calc(18em / 14px); + width: calc(18em / 14px); text-align: center; } -/** - * Core */ -.ss-lea:before { - content: "\e600"; -} -.ss-leb:before { - content: "\e601"; -} -.ss-2ed:before { - content: "\e602"; -} -.ss-3ed:before { - content: "\e603"; -} -.ss-4ed:before { - content: "\e604"; -} -.ss-psum:before { - content: "\e605"; -} -.ss-5ed:before { - content: "\e606"; -} -.ss-6ed:before { - content: "\e607"; -} -.ss-7ed:before { - content: "\e608"; -} -.ss-8ed:before { - content: "\e609"; -} -.ss-9ed:before { - content: "\e60a"; -} -.ss-10e:before { - content: "\e60b"; -} -.ss-m10:before { - content: "\e60c"; -} -.ss-m11:before { - content: "\e60d"; -} -.ss-m12:before { - content: "\e60e"; -} -.ss-m13:before { - content: "\e60f"; -} -.ss-m14:before { - content: "\e610"; -} -.ss-m15:before { - content: "\e611"; -} -.ss-bcore:before { - content: "\e612"; -} -.ss-ori:before { - content: "\e697"; -} -/** - * Expansions */ -/* Artifact Block */ -.ss-arn:before { - content: "\e613"; -} -.ss-atq:before { - content: "\e614"; -} -.ss-leg:before { - content: "\e615"; -} -/* Wizards Block */ -.ss-drk:before { - content: "\e616"; -} -.ss-fem:before { - content: "\e617"; -} -.ss-hml:before { - content: "\e618"; -} -/* Ice Age Block */ -.ss-ice:before { - content: "\e619"; -} -.ss-all:before { - content: "\e61a"; -} -.ss-csp:before { - content: "\e61b"; -} -/* Mirage Block */ -.ss-mir:before { - content: "\e61c"; -} -.ss-vis:before { - content: "\e61d"; -} -.ss-wth:before { - content: "\e61e"; -} -/* Tempest Block */ -.ss-tmp:before { - content: "\e61f"; -} -.ss-sth:before { - content: "\e620"; -} -.ss-exo:before { - content: "\e621"; -} -/* Urza's Block */ -.ss-usg:before { - content: "\e622"; -} -.ss-ulg:before { - content: "\e623"; -} -.ss-uds:before { - content: "\e624"; -} -/* Mercadian Block */ -.ss-mmq:before { - content: "\e625"; -} -.ss-nms:before { - content: "\e626"; -} -.ss-pcy:before { - content: "\e627"; -} -/* Invasion Block */ -.ss-inv:before { - content: "\e628"; -} -.ss-pls:before { - content: "\e629"; -} -.ss-apc:before { - content: "\e62a"; -} -/* Odyssey Block */ -.ss-ody:before { - content: "\e62b"; -} -.ss-tor:before { - content: "\e62c"; -} -.ss-jud:before { - content: "\e62d"; -} -/* Onslaught Block */ -.ss-ons:before { - content: "\e62e"; -} -.ss-lgn:before { - content: "\e62f"; -} -.ss-scg:before { - content: "\e630"; -} -/* Mirrodin Block */ -.ss-mrd:before { - content: "\e631"; -} -.ss-dst:before { - content: "\e632"; -} -.ss-5dn:before { - content: "\e633"; -} -/* Kamigawa Block */ -.ss-chk:before { - content: "\e634"; -} -.ss-bok:before { - content: "\e635"; -} -.ss-sok:before { - content: "\e636"; -} -/* Ravnica Block */ -.ss-rav:before { - content: "\e637"; -} -.ss-gpt:before { - content: "\e638"; -} -.ss-dis:before { - content: "\e639"; -} -/* Time Spiral Block */ -.ss-tsp:before { - content: "\e63a"; -} -.ss-plc:before { - content: "\e63b"; -} -.ss-fut:before { - content: "\e63c"; -} -/* Lorwyn Block */ -.ss-lrw:before { - content: "\e63d"; -} -.ss-mor:before { - content: "\e63e"; -} -/* Shadowmoor Block */ -.ss-shm:before { - content: "\e63f"; -} -.ss-eve:before { - content: "\e640"; -} -/* Alara Block */ -.ss-ala:before { - content: "\e641"; -} -.ss-con:before { - content: "\e642"; -} -.ss-arb:before { - content: "\e643"; -} -/* Zendikar Block */ -.ss-zen:before { - content: "\e644"; -} -.ss-wwk:before { - content: "\e645"; -} -.ss-roe:before { - content: "\e646"; -} -/* Scars Block */ -.ss-som:before { - content: "\e647"; -} -.ss-mbs:before { - content: "\e648"; -} -.ss-nph:before { - content: "\e649"; -} -/* Innistrad Block */ -.ss-isd:before { - content: "\e64a"; -} -.ss-dka:before { - content: "\e64b"; -} -.ss-avr:before { - content: "\e64c"; -} -/* RTR Block */ -.ss-rtr:before { - content: "\e64d"; -} -.ss-gtc:before { - content: "\e64e"; -} -.ss-dgm:before { - content: "\e64f"; -} -/* Theros Block */ -.ss-ths:before { - content: "\e650"; -} -.ss-bng:before { - content: "\e651"; -} -.ss-jou:before { - content: "\e652"; -} -/* Khans Block */ -.ss-ktk:before { - content: "\e653"; -} -.ss-frf:before { - content: "\e654"; -} -.ss-dtk:before { - content: "\e693"; -} -/* Return to Zendikar Block */ -.ss-bfz:before { - content: "\e699"; -} -.ss-ogw:before { - content: "\e901"; -} -/* Return to Innistrad Block */ -.ss-soi:before { - content: "\e902"; -} -.ss-emn:before { - content: "\e90b"; -} -/* Kaladesh Block */ -.ss-kld:before { - content: "\e90e"; -} -.ss-aer:before { - content: "\e90f"; -} -/** - * Command Zone */ -.ss-van:before { - content: "\e655"; -} -.ss-hop:before { - content: "\e656"; -} -.ss-arc:before { - content: "\e657"; -} -.ss-cmd:before { - content: "\e658"; -} -.ss-pc2:before { - content: "\e659"; -} -.ss-cm1:before { - content: "\e65a"; -} -.ss-c13:before { - content: "\e65b"; -} -.ss-cns:before { - content: "\e65c"; -} -.ss-c14:before { - content: "\e65d"; -} -.ss-c15:before { - content: "\e900"; -} -.ss-cn2:before { - content: "\e904"; -} -.ss-c16:before { - content: "\e910"; -} -.ss-pca:before { - content: "\e911"; -} -/** - * Reprint */ -.ss-chr:before { - content: "\e65e"; -} -.ss-ath:before { - content: "\e65f"; -} -.ss-brb:before { - content: "\e660"; -} -.ss-btd:before { - content: "\e661"; -} -.ss-dkm:before { - content: "\e662"; -} -.ss-mma:before { - content: "\e663"; -} -.ss-mm2:before { - content: "\e695"; -} -.ss-ema:before { - content: "\e903"; -} -.ss-mm3:before { - content: "\e912"; -} -/** - * Beginner */ -.ss-por:before { - content: "\e664"; -} -.ss-po2:before { - content: "\e665"; -} -.ss-ptk:before { - content: "\e666"; -} -.ss-s99:before { - content: "\e667"; -} -.ss-s00:before { - content: "\e668"; -} -.ss-w16:before { - content: "\e907"; -} -/** - * Duel Decks */ -.ss-evg:before { - content: "\e669"; -} -.ss-dd2:before { - content: "\e66a"; -} -.ss-ddc:before { - content: "\e66b"; -} -.ss-ddd:before { - content: "\e66c"; -} -.ss-dde:before { - content: "\e66d"; -} -.ss-ddf:before { - content: "\e66e"; -} -.ss-ddg:before { - content: "\e66f"; -} -.ss-ddh:before { - content: "\e670"; -} -.ss-ddi:before { - content: "\e671"; -} -.ss-ddj:before { - content: "\e672"; -} -.ss-ddk:before { - content: "\e673"; -} -.ss-ddl:before { - content: "\e674"; -} -.ss-ddm:before { - content: "\e675"; -} -.ss-ddn:before { - content: "\e676"; -} -.ss-ddo:before { - content: "\e677"; -} -.ss-ddp:before { - content: "\e698"; -} -.ss-ddq:before { - content: "\e908"; -} -.ss-ddr:before { - content: "\e90d"; -} -/** - * From the Vault */ -.ss-drb:before { - content: "\e678"; -} -.ss-v09:before { - content: "\e679"; -} -.ss-v10:before { - content: "\e67a"; -} -.ss-v11:before { - content: "\e67b"; -} -.ss-v12:before { - content: "\e67c"; -} -.ss-v13:before { - content: "\e67d"; -} -.ss-v14:before { - content: "\e67e"; -} -.ss-v15:before { - content: "\e905"; -} -.ss-v16:before { - content: "\e906"; -} -/** - * Premium Deck Series */ -.ss-h09:before { - content: "\e67f"; -} -.ss-pd2:before { - content: "\e680"; -} -.ss-pd3:before { - content: "\e681"; -} -.ss-md1:before { - content: "\e682"; -} -/** - * Promotional */ -.ss-pgru:before { - content: "\e683"; -} -.ss-pmtg1:before { - content: "\e684"; -} -.ss-pmtg2:before { - content: "\e685"; -} -.ss-pleaf:before { - content: "\e686"; -} -.ss-pmei:before { - content: "\e687"; -} -.ss-parl:before { - content: "\e688"; -} -.ss-dpa:before { - content: "\e689"; -} -.ss-pbook:before { - content: "\e68a"; -} -.ss-past:before { - content: "\e68b"; -} -.ss-parl2:before { - content: "\e68c"; -} -.ss-exp:before { - content: "\e69a"; -} -.ss-psalvat05:before { - content: "\e909"; -} -.ss-psalvat11:before { - content: "\e90a"; -} -.ss-mp1:before { - content: "\e913"; -} -/** - * Online */ -.ss-med:before { - content: "\e68d"; -} -.ss-me2:before { - content: "\e68e"; -} -.ss-me3:before { - content: "\e68f"; -} -.ss-me4:before { - content: "\e690"; -} -.ss-tpr:before { - content: "\e694"; -} -.ss-vma:before { - content: "\e696"; -} -.ss-xlcu:before { - content: "\e90c"; -} -/** - * Un-serious */ -.ss-ugl:before { - content: "\e691"; -} -.ss-unh:before { - content: "\e692"; -} -.ss-border:after { + +/** Setsymbol No Border ========================= + * | This class can remain a singleton since it is generic, making + * | it a helper class. + */ +.ss.ss-no-border { + -webkit-text-stroke: 0; + text-stroke: 0; +} + +/** Setsymbol Border ============================ + */ +.ss.ss-border { + /* Vanguard */ + /* Archenemy */ + /* Commander */ + /* Commander's Arsenal */ + /* Commander 2013 */ + /* Commander 2014 */ + /* Commander 2015 */ + /* Planechase 2009 */ + /* Planechase 2012 */ + /* Conspiracy */ +} + +.ss.ss-border:after { content: ""; position: absolute; left: -0.05em; - top: .0em; + top: 0em; color: #fff; font-size: 1.15em; z-index: -1; @@ -690,33 +1054,43 @@ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss-border.ss-van:after { - content: "\e655"; + +.ss.ss-border .ss.ss-van:after { + content: ""; } -.ss-border.ss-hop:after { - content: "\e656"; + +.ss.ss-border .ss.ss-arc:after { + content: ""; } -.ss-border.ss-arc:after { - content: "\e657"; + +.ss.ss-border .ss.ss-cmd:after { + content: ""; } -.ss-border.ss-cmd:after { - content: "\e658"; + +.ss.ss-border .ss.ss-cm1:after { + content: ""; } -.ss-border.ss-pc2:after { - content: "\e659"; + +.ss.ss-border .ss.ss-c13:after { + content: ""; } -.ss-border.ss-cm1:after { - content: "\e65a"; + +.ss.ss-border .ss.ss-c14:after { + content: ""; } -.ss-border.ss-c13:after { - content: "\e65b"; + +.ss.ss-border .ss.ss-c15:after { + content: ""; } -.ss-border.ss-cns:after { - content: "\e65c"; + +.ss.ss-border .ss.ss-hop:after { + content: ""; } -.ss-border.ss-c14:after { - content: "\e65d"; + +.ss.ss-border .ss.ss-pc2:after { + content: ""; } -.ss-border.ss-c15:after { - content: "\e900"; + +.ss.ss-border .ss.ss-cns:after { + content: ""; } diff --git a/css/keyrune.min.css b/css/keyrune.min.css index 860ebf1..558355e 100644 --- a/css/keyrune.min.css +++ b/css/keyrune.min.css @@ -1 +1 @@ -@font-face{font-family:Keyrune;src:url(../fonts/keyrune.eot?v=1.7.2);src:url(../fonts/keyrune.eot?#iefix&v=1.7.2) format('embedded-opentype'),url(../fonts/keyrune.woff2?v=1.7.2) format('woff2'),url(../fonts/keyrune.woff?v=1.7.2) format('woff'),url(../fonts/keyrune.ttf?v=1.7.2) format('truetype'),url(../fonts/keyrune.svg?v=1.7.2#keyrune) format('svg');font-weight:400;font-style:normal}.ss{display:inline-block;font:normal normal normal 14px/1 Keyrune;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0,0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss:before{content:"\e684"}.ss-2x{font-size:2em}.ss-3x{font-size:3em}.ss-4x{font-size:4em}.ss-5x{font-size:5em}.ss-6x{font-size:6em}.ss-common{color:#1A1718}.ss-common.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(1%,#302b2c),color-stop(50%,#474040),color-stop(100%,#302b2c));background:-webkit-linear-gradient(left,#302b2c 1%,#474040 50%,#302b2c 100%);-webkit-text-stroke:.03em #000;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-common.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-uncommon{color:#707883}.ss-uncommon.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#5a6572),color-stop(50%,#9e9e9e),color-stop(100%,#5a6572));background:-webkit-linear-gradient(left,#5a6572 0,#9e9e9e 50%,#5a6572 100%);-webkit-text-stroke:.03em #111;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-uncommon.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-rare{color:#A58E4A}.ss-rare.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#876a3b),color-stop(50%,#dfbd6b),color-stop(100%,#876a3b));background:-webkit-linear-gradient(left,#876a3b 0,#dfbd6b 50%,#876a3b 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-rare.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-mythic{color:#BF4427}.ss-mythic.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#b21f0f),color-stop(50%,#f38300),color-stop(100%,#b21f0f));background:-webkit-linear-gradient(left,#b21f0f 0,#f38300 50%,#b21f0f 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-mythic.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-fw{width:1.28571429em;text-align:center}.ss-lea:before{content:"\e600"}.ss-leb:before{content:"\e601"}.ss-2ed:before{content:"\e602"}.ss-3ed:before{content:"\e603"}.ss-4ed:before{content:"\e604"}.ss-psum:before{content:"\e605"}.ss-5ed:before{content:"\e606"}.ss-6ed:before{content:"\e607"}.ss-7ed:before{content:"\e608"}.ss-8ed:before{content:"\e609"}.ss-9ed:before{content:"\e60a"}.ss-10e:before{content:"\e60b"}.ss-m10:before{content:"\e60c"}.ss-m11:before{content:"\e60d"}.ss-m12:before{content:"\e60e"}.ss-m13:before{content:"\e60f"}.ss-m14:before{content:"\e610"}.ss-m15:before{content:"\e611"}.ss-bcore:before{content:"\e612"}.ss-ori:before{content:"\e697"}.ss-arn:before{content:"\e613"}.ss-atq:before{content:"\e614"}.ss-leg:before{content:"\e615"}.ss-drk:before{content:"\e616"}.ss-fem:before{content:"\e617"}.ss-hml:before{content:"\e618"}.ss-ice:before{content:"\e619"}.ss-all:before{content:"\e61a"}.ss-csp:before{content:"\e61b"}.ss-mir:before{content:"\e61c"}.ss-vis:before{content:"\e61d"}.ss-wth:before{content:"\e61e"}.ss-tmp:before{content:"\e61f"}.ss-sth:before{content:"\e620"}.ss-exo:before{content:"\e621"}.ss-usg:before{content:"\e622"}.ss-ulg:before{content:"\e623"}.ss-uds:before{content:"\e624"}.ss-mmq:before{content:"\e625"}.ss-nms:before{content:"\e626"}.ss-pcy:before{content:"\e627"}.ss-inv:before{content:"\e628"}.ss-pls:before{content:"\e629"}.ss-apc:before{content:"\e62a"}.ss-ody:before{content:"\e62b"}.ss-tor:before{content:"\e62c"}.ss-jud:before{content:"\e62d"}.ss-ons:before{content:"\e62e"}.ss-lgn:before{content:"\e62f"}.ss-scg:before{content:"\e630"}.ss-mrd:before{content:"\e631"}.ss-dst:before{content:"\e632"}.ss-5dn:before{content:"\e633"}.ss-chk:before{content:"\e634"}.ss-bok:before{content:"\e635"}.ss-sok:before{content:"\e636"}.ss-rav:before{content:"\e637"}.ss-gpt:before{content:"\e638"}.ss-dis:before{content:"\e639"}.ss-tsp:before{content:"\e63a"}.ss-plc:before{content:"\e63b"}.ss-fut:before{content:"\e63c"}.ss-lrw:before{content:"\e63d"}.ss-mor:before{content:"\e63e"}.ss-shm:before{content:"\e63f"}.ss-eve:before{content:"\e640"}.ss-ala:before{content:"\e641"}.ss-con:before{content:"\e642"}.ss-arb:before{content:"\e643"}.ss-zen:before{content:"\e644"}.ss-wwk:before{content:"\e645"}.ss-roe:before{content:"\e646"}.ss-som:before{content:"\e647"}.ss-mbs:before{content:"\e648"}.ss-nph:before{content:"\e649"}.ss-isd:before{content:"\e64a"}.ss-dka:before{content:"\e64b"}.ss-avr:before{content:"\e64c"}.ss-rtr:before{content:"\e64d"}.ss-gtc:before{content:"\e64e"}.ss-dgm:before{content:"\e64f"}.ss-ths:before{content:"\e650"}.ss-bng:before{content:"\e651"}.ss-jou:before{content:"\e652"}.ss-ktk:before{content:"\e653"}.ss-frf:before{content:"\e654"}.ss-dtk:before{content:"\e693"}.ss-bfz:before{content:"\e699"}.ss-ogw:before{content:"\e901"}.ss-soi:before{content:"\e902"}.ss-emn:before{content:"\e90b"}.ss-kld:before{content:"\e90e"}.ss-aer:before{content:"\e90f"}.ss-van:before{content:"\e655"}.ss-hop:before{content:"\e656"}.ss-arc:before{content:"\e657"}.ss-cmd:before{content:"\e658"}.ss-pc2:before{content:"\e659"}.ss-cm1:before{content:"\e65a"}.ss-c13:before{content:"\e65b"}.ss-cns:before{content:"\e65c"}.ss-c14:before{content:"\e65d"}.ss-c15:before{content:"\e900"}.ss-cn2:before{content:"\e904"}.ss-c16:before{content:"\e910"}.ss-pca:before{content:"\e911"}.ss-chr:before{content:"\e65e"}.ss-ath:before{content:"\e65f"}.ss-brb:before{content:"\e660"}.ss-btd:before{content:"\e661"}.ss-dkm:before{content:"\e662"}.ss-mma:before{content:"\e663"}.ss-mm2:before{content:"\e695"}.ss-ema:before{content:"\e903"}.ss-mm3:before{content:"\e912"}.ss-por:before{content:"\e664"}.ss-po2:before{content:"\e665"}.ss-ptk:before{content:"\e666"}.ss-s99:before{content:"\e667"}.ss-s00:before{content:"\e668"}.ss-w16:before{content:"\e907"}.ss-evg:before{content:"\e669"}.ss-dd2:before{content:"\e66a"}.ss-ddc:before{content:"\e66b"}.ss-ddd:before{content:"\e66c"}.ss-dde:before{content:"\e66d"}.ss-ddf:before{content:"\e66e"}.ss-ddg:before{content:"\e66f"}.ss-ddh:before{content:"\e670"}.ss-ddi:before{content:"\e671"}.ss-ddj:before{content:"\e672"}.ss-ddk:before{content:"\e673"}.ss-ddl:before{content:"\e674"}.ss-ddm:before{content:"\e675"}.ss-ddn:before{content:"\e676"}.ss-ddo:before{content:"\e677"}.ss-ddp:before{content:"\e698"}.ss-ddq:before{content:"\e908"}.ss-ddr:before{content:"\e90d"}.ss-drb:before{content:"\e678"}.ss-v09:before{content:"\e679"}.ss-v10:before{content:"\e67a"}.ss-v11:before{content:"\e67b"}.ss-v12:before{content:"\e67c"}.ss-v13:before{content:"\e67d"}.ss-v14:before{content:"\e67e"}.ss-v15:before{content:"\e905"}.ss-v16:before{content:"\e906"}.ss-h09:before{content:"\e67f"}.ss-pd2:before{content:"\e680"}.ss-pd3:before{content:"\e681"}.ss-md1:before{content:"\e682"}.ss-pgru:before{content:"\e683"}.ss-pmtg1:before{content:"\e684"}.ss-pmtg2:before{content:"\e685"}.ss-pleaf:before{content:"\e686"}.ss-pmei:before{content:"\e687"}.ss-parl:before{content:"\e688"}.ss-dpa:before{content:"\e689"}.ss-pbook:before{content:"\e68a"}.ss-past:before{content:"\e68b"}.ss-parl2:before{content:"\e68c"}.ss-exp:before{content:"\e69a"}.ss-psalvat05:before{content:"\e909"}.ss-psalvat11:before{content:"\e90a"}.ss-mp1:before{content:"\e913"}.ss-med:before{content:"\e68d"}.ss-me2:before{content:"\e68e"}.ss-me3:before{content:"\e68f"}.ss-me4:before{content:"\e690"}.ss-tpr:before{content:"\e694"}.ss-vma:before{content:"\e696"}.ss-xlcu:before{content:"\e90c"}.ss-ugl:before{content:"\e691"}.ss-unh:before{content:"\e692"}.ss-border:after{content:"";position:absolute;left:-.05em;top:0;color:#fff;font-size:1.15em;z-index:-1;background:#fff;-webkit-text-stroke:.05em #fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-border.ss-van:after{content:"\e655"}.ss-border.ss-hop:after{content:"\e656"}.ss-border.ss-arc:after{content:"\e657"}.ss-border.ss-cmd:after{content:"\e658"}.ss-border.ss-pc2:after{content:"\e659"}.ss-border.ss-cm1:after{content:"\e65a"}.ss-border.ss-c13:after{content:"\e65b"}.ss-border.ss-cns:after{content:"\e65c"}.ss-border.ss-c14:after{content:"\e65d"}.ss-border.ss-c15:after{content:"\e900"} \ No newline at end of file +@charset "UTF-8";@font-face{font-family:Keyrune;src:url(../fonts/keyrune.eot?v=1.7.2);src:url(../fonts/keyrune.eot?#iefix&v=1.7.2) format("embedded-opentype"),url(../fonts/keyrune.woff2?v=1.7.2) format("woff2"),url(../fonts/keyrune.woff?v=1.7.2) format("woff"),url(../fonts/keyrune.ttf?v=1.7.2) format("truetype"),url(../fonts/keyrune.svg?v=1.7.2#keyrune) format("svg");font-weight:400;font-style:normal}.ss{display:inline-block;font:normal normal normal 14px Keyrune;font-size:inherit;line-height:1em;text-rendering:auto;-webkit-transform:translate(0);transform:translate(0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale}.ss:before{content:""}.ss.ss-lea:before{content:""}.ss.ss-leb:before{content:""}.ss.ss-2ed:before{content:""}.ss.ss-3ed:before{content:""}.ss.ss-4ed:before{content:""}.ss.ss-psum:before{content:""}.ss.ss-5ed:before{content:""}.ss.ss-6ed:before{content:""}.ss.ss-7ed:before{content:""}.ss.ss-8ed:before{content:""}.ss.ss-9ed:before{content:""}.ss.ss-10e:before{content:""}.ss.ss-m10:before{content:""}.ss.ss-m11:before{content:""}.ss.ss-m12:before{content:""}.ss.ss-m13:before{content:""}.ss.ss-m14:before{content:""}.ss.ss-m15:before{content:""}.ss.ss-bcore:before{content:""}.ss.ss-ori:before{content:""}.ss.ss-arn:before{content:""}.ss.ss-atq:before{content:""}.ss.ss-leg:before{content:""}.ss.ss-drk:before{content:""}.ss.ss-fem:before{content:""}.ss.ss-hml:before{content:""}.ss.ss-ice:before{content:""}.ss.ss-all:before{content:""}.ss.ss-csp:before{content:""}.ss.ss-mir:before{content:""}.ss.ss-vis:before{content:""}.ss.ss-wth:before{content:""}.ss.ss-tmp:before{content:""}.ss.ss-sth:before{content:""}.ss.ss-exo:before{content:""}.ss.ss-usg:before{content:""}.ss.ss-ulg:before{content:""}.ss.ss-uds:before{content:""}.ss.ss-mmq:before{content:""}.ss.ss-nms:before{content:""}.ss.ss-pcy:before{content:""}.ss.ss-inv:before{content:""}.ss.ss-pls:before{content:""}.ss.ss-apc:before{content:""}.ss.ss-ody:before{content:""}.ss.ss-tor:before{content:""}.ss.ss-jud:before{content:""}.ss.ss-ons:before{content:""}.ss.ss-lgn:before{content:""}.ss.ss-scg:before{content:""}.ss.ss-mrd:before{content:""}.ss.ss-dst:before{content:""}.ss.ss-5dn:before{content:""}.ss.ss-chk:before{content:""}.ss.ss-bok:before{content:""}.ss.ss-sok:before{content:""}.ss.ss-rav:before{content:""}.ss.ss-gpt:before{content:""}.ss.ss-dis:before{content:""}.ss.ss-tsp:before{content:""}.ss.ss-plc:before{content:""}.ss.ss-fut:before{content:""}.ss.ss-lrw:before{content:""}.ss.ss-mor:before{content:""}.ss.ss-shm:before{content:""}.ss.ss-eve:before{content:""}.ss.ss-ala:before{content:""}.ss.ss-con:before{content:""}.ss.ss-arb:before{content:""}.ss.ss-zen:before{content:""}.ss.ss-wwk:before{content:""}.ss.ss-roe:before{content:""}.ss.ss-som:before{content:""}.ss.ss-mbs:before{content:""}.ss.ss-nph:before{content:""}.ss.ss-isd:before{content:""}.ss.ss-dka:before{content:""}.ss.ss-avr:before{content:""}.ss.ss-rtr:before{content:""}.ss.ss-gtc:before{content:""}.ss.ss-dgm:before{content:""}.ss.ss-ths:before{content:""}.ss.ss-bng:before{content:""}.ss.ss-jou:before{content:""}.ss.ss-ktk:before{content:""}.ss.ss-frf:before{content:""}.ss.ss-dtk:before{content:""}.ss.ss-bfz:before{content:""}.ss.ss-ogw:before{content:""}.ss.ss-soi:before{content:""}.ss.ss-emn:before{content:""}.ss.ss-kld:before{content:""}.ss.ss-aer:before{content:""}.ss.ss-van:before{content:""}.ss.ss-hop:before{content:""}.ss.ss-arc:before{content:""}.ss.ss-cmd:before{content:""}.ss.ss-pc2:before{content:""}.ss.ss-cm1:before{content:""}.ss.ss-c13:before{content:""}.ss.ss-cns:before{content:""}.ss.ss-c14:before{content:""}.ss.ss-c15:before{content:""}.ss.ss-cn2:before{content:""}.ss.ss-c16:before{content:""}.ss.ss-pca:before{content:""}.ss.ss-chr:before{content:""}.ss.ss-ath:before{content:""}.ss.ss-brb:before{content:""}.ss.ss-btd:before{content:""}.ss.ss-dkm:before{content:""}.ss.ss-mma:before{content:""}.ss.ss-mm2:before{content:""}.ss.ss-ema:before{content:""}.ss.ss-mm3:before{content:""}.ss.ss-por:before{content:""}.ss.ss-po2:before{content:""}.ss.ss-ptk:before{content:""}.ss.ss-s99:before{content:""}.ss.ss-s00:before{content:""}.ss.ss-w16:before{content:""}.ss.ss-evg:before{content:""}.ss.ss-dd2:before{content:""}.ss.ss-ddc:before{content:""}.ss.ss-ddd:before{content:""}.ss.ss-dde:before{content:""}.ss.ss-ddf:before{content:""}.ss.ss-ddg:before{content:""}.ss.ss-ddh:before{content:""}.ss.ss-ddi:before{content:""}.ss.ss-ddj:before{content:""}.ss.ss-ddk:before{content:""}.ss.ss-ddl:before{content:""}.ss.ss-ddm:before{content:""}.ss.ss-ddn:before{content:""}.ss.ss-ddo:before{content:""}.ss.ss-ddp:before{content:""}.ss.ss-ddq:before{content:""}.ss.ss-ddr:before{content:""}.ss.ss-drb:before{content:""}.ss.ss-v09:before{content:""}.ss.ss-v10:before{content:""}.ss.ss-v11:before{content:""}.ss.ss-v12:before{content:""}.ss.ss-v13:before{content:""}.ss.ss-v14:before{content:""}.ss.ss-v15:before{content:""}.ss.ss-v16:before{content:""}.ss.ss-h09:before{content:""}.ss.ss-pd2:before{content:""}.ss.ss-pd3:before{content:""}.ss.ss-md1:before{content:""}.ss.ss-pgru:before{content:""}.ss.ss-pmtg1:before{content:""}.ss.ss-pmtg2:before{content:""}.ss.ss-pleaf:before{content:""}.ss.ss-pmei:before{content:""}.ss.ss-parl:before{content:""}.ss.ss-dpa:before{content:""}.ss.ss-pbook:before{content:""}.ss.ss-past:before{content:""}.ss.ss-parl2:before{content:""}.ss.ss-exp:before{content:""}.ss.ss-psalvat05:before{content:""}.ss.ss-psalvat11:before{content:""}.ss.ss-mp1:before{content:""}.ss.ss-med:before{content:""}.ss.ss-me2:before{content:""}.ss.ss-me3:before{content:""}.ss.ss-me4:before{content:""}.ss.ss-tpr:before{content:""}.ss.ss-vma:before{content:""}.ss.ss-xlcu:before{content:""}.ss.ss-ugl:before{content:""}.ss.ss-unh:before{content:""}.ss.ss-common{color:#1a1718}.ss.ss-common.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#302b2c),color-stop(50%,#474040),color-stop(100%,#302b2c));background:-webkit-linear-gradient(left,#302b2c,#474040 50%,#302b2c);-webkit-text-stroke:.03em #000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ss.ss-uncommon{color:#707883}.ss.ss-uncommon.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#5a6572),color-stop(50%,#9e9e9e),color-stop(100%,#5a6572));background:-webkit-linear-gradient(left,#5a6572,#9e9e9e 50%,#5a6572);-webkit-text-stroke:.03em #111;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ss.ss-rare{color:#a58e4a}.ss.ss-rare.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#876a3b),color-stop(50%,#dfbd6b),color-stop(100%,#876a3b));background:-webkit-linear-gradient(left,#876a3b,#dfbd6b 50%,#876a3b);-webkit-text-stroke:.03em #333;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ss.ss-mythic{color:#bf4427}.ss.ss-mythic.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#b21f0f),color-stop(50%,#f38300),color-stop(100%,#b21f0f));background:-webkit-linear-gradient(left,#b21f0f,#f38300 50%,#b21f0f);-webkit-text-stroke:.03em #333;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ss.ss-2x{font-size:2em}.ss.ss-3x{font-size:3em}.ss.ss-4x{font-size:4em}.ss.ss-5x{font-size:5em}.ss.ss-6x{font-size:6em}.ss.ss-fw{width:calc(18em / 14px);text-align:center}.ss.ss-no-border{-webkit-text-stroke:0;text-stroke:0}.ss.ss-border:after{content:"";position:absolute;left:-.05em;top:0;color:#fff;font-size:1.15em;z-index:-1;background:#fff;-webkit-text-stroke:.05em #fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss.ss-border .ss.ss-van:after{content:""}.ss.ss-border .ss.ss-arc:after{content:""}.ss.ss-border .ss.ss-cmd:after{content:""}.ss.ss-border .ss.ss-cm1:after{content:""}.ss.ss-border .ss.ss-c13:after{content:""}.ss.ss-border .ss.ss-c14:after{content:""}.ss.ss-border .ss.ss-c15:after{content:""}.ss.ss-border .ss.ss-hop:after{content:""}.ss.ss-border .ss.ss-pc2:after{content:""}.ss.ss-border .ss.ss-cns:after{content:""} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index d14ec63..00ce92d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,8 +9,10 @@ var gulp = require('gulp'), // task runner/manager (even notify = require('gulp-notify'), // notifies us when a gulp task is completed through a system notifcation rename = require('gulp-rename'), // allows us to rename files (adding prefixes and suffixes is the main use here). autoprefixer = require('gulp-autoprefixer'), // great for catching those annoying vendor prefixes on css attributets and values. - minify = require('gulp-cssnano'), // minify our compiled css. sass can do this natively (kind of), so this is used in conjunction with gulp-sass. - del = require('del'); // del is used to cleanup cache and build files. + minify = require('gulp-cssnano'), // minify our compiled css. sass can do this natively (kind of), but this is used instead. + del = require('del'), // del is used to cleanup cache and build files. + runseq = require('run-sequence'), // quick and dirty way to run a sequence of tasks AS a task itself. gulp.run is deprecated + merge = require('merge'); // "merge multiple objects into one, optionally creating a new cloned object." -npm repo /* * Variables ==================================== @@ -32,7 +34,7 @@ var $supported = [ /* * Build CSS Task ------------------------------- - * | $ gulp build + * | $ gulp build:css * | * | 1. compiles scss into css, * | 2. autoprefix necessary css attributes/values, @@ -42,38 +44,64 @@ var $supported = [ * | 6. place minified file into ./css directory * | 7. notify on task completion */ -gulp.task('build', function() { +gulp.task('build:css', function() { return gulp.src('./sass/**/*.scss') - .pipe(sass({ // 1. + .pipe(sass({ /* 1. */ outputStyle: 'expanded' }).on('error', sass.logError)) - .pipe(autoprefixer({ // 2. + .pipe(autoprefixer({ /* 2. */ browsers: $supported, add: true, cascade: false })) - .pipe(gulp.dest('./css')) // 3. - .pipe(minify({ // 4. + .pipe(gulp.dest('./css')) /* 3. */ + .pipe(minify({ /* 4. */ discardUnused: { fontFace: false } })) - .pipe(rename({ // 5. + .pipe(rename({ /* 5. */ suffix: '.min' })) - .pipe(gulp.dest('./css')) // 6. - .pipe(notify({ // 7. + .pipe(gulp.dest('./css')) /* 6. */ + .pipe(notify({ /* 7. */ onLast: true, message: 'build task complete!' })); }); -/* - * Clean Task ----------------------------------- +/** Create Config ------------------------------- + * | $ gulp gen:configFile + */ +gulp.task('gen:config', function() { + return gulp.src('./sass/config/_variables.scss') + .pipe(rename('config/_settings.scss')) + .pipe(gulp.dest('./sass')) + .pipe(notify({ + onLast: true, + message: 'generated config file successfully!' + })); +}); + +/** Clean Task ---------------------------------- * | $ gulp clean * | * | Ensures that all artifacts/remnants of previous build are gone. */ gulp.task('clean', function() { - return del(['./css/**/*.*']); + var stream1 = del(['./css/**/*.*']); + var stream2 = del(['./sass/config/_settings.scss']); + + return merge(stream1, stream2); +}); + +/** Build Task ------------------------------- + * | $ gulp build + */ +gulp.task('build', function(){ + return runseq( + 'clean', + 'build:css', + 'gen:config' + ); }); /* @@ -83,7 +111,7 @@ gulp.task('clean', function() { * | Great for automating compilation during develpoment. */ gulp.task('watch', function() { - gulp.watch('./sass/**/*.scss', ['clean', 'build']); + gulp.watch('./sass/**/*.scss', ['build']); }); /* diff --git a/index.html b/index.html index 7acd6a7..f4570f6 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ Keyrune + diff --git a/less/keyrune.less b/less/keyrune.less index 1b6801e..865ef8e 100644 --- a/less/keyrune.less +++ b/less/keyrune.less @@ -4,7 +4,7 @@ // @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 +// @import "rarities.less"; // component +// @import "width.less"; // helper +// @import "icons.less"; // componen +// @import "border.less"; // helper diff --git a/package.json b/package.json index 832a85a..f792986 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,9 @@ "gulp-cssnano": "^2.1.2", "gulp-notify": "^2.2.0", "gulp-rename": "^1.2.2", - "gulp-sass": "^2.3.2" + "gulp-sass": "^2.3.2", + "merge": "^1.2.0", + "run-sequence": "^1.2.2" }, "license": "(OFL-1.1 AND MIT)", "main": "css/keyrune.css", diff --git a/sass/components/_helpers.scss b/sass/components/_helpers.scss new file mode 100644 index 0000000..6b7ae17 --- /dev/null +++ b/sass/components/_helpers.scss @@ -0,0 +1,48 @@ +// _helpers.scss + +/** Setsymbol Size Modifiers ==================== + */ +@each $size in $setsymbol_sizes { + .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} { + font-size: #{nth($size, 2)}; + } +} + +.#{$keyrune_prefix}.#{$keyrune_prefix}-fw { + width: $setsymbol_fixed_size_width; + text-align: $setsymbol_fixed_size_text_align; +} + +/** Setsymbol No Border ========================= + * | This class can remain a singleton since it is generic, making + * | it a helper class. + */ +.#{$keyrune_prefix}.#{$keyrune_prefix}-no-border { + -webkit-text-stroke: $setsymbol_no_border; + text-stroke: $setsymbol_no_border; +} + +/** Setsymbol Border ============================ + */ +.#{$keyrune_prefix}.#{$keyrune_prefix}-border { + &:after { + content: $setsymbol_border_after_content; + position: $setsymbol_border_after_position; + left: $setsymbol_border_after_left; + top: $setsymbol_border_after_top; + color: $setsymbol_border_after_color; + font-size: $setsymbol_border_after_font_size; + z-index: $setsymbol_border_after_z_index; + background: $setsymbol_border_after_background; + -webkit-text-stroke: $setsymbol_border_after_text_stroke; + -webkit-background-clip: $setsymbol_border_after_background_clip; + -webkit-text-fill-color: $setsymbol_border_after_text_fill_color; + } + + @each $set in $mtg_setlist_borders { + /* #{nth($set, 1)} */ + .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($set, 2)}:after { + content: "#{nth($set, 3)}"; + } + } +} diff --git a/sass/components/_rarities.scss b/sass/components/_rarities.scss index 2b6285d..09fa003 100644 --- a/sass/components/_rarities.scss +++ b/sass/components/_rarities.scss @@ -1,19 +1,25 @@ -// TODO: Fix background color leaking on gradient class. -// TODO: Fix text-stroke issue on non-gradient classes. +// _rarities.scs + +/** Setsymbol Rarities ========================== + * | Strangely enough, autoprefixer doesn't wanna prefix + * | some of the things in here properly. Either way, I kept those + * | hard-coded prefxed to ensure it to work! + */ @each $scheme in $rarity_palette { + /* #{nth($scheme, 1)} */ .#{$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; - } + // webkit outline/gradient + /* Chrome, Safari4+ */ + background: -webkit-gradient(linear, left top, right top, color-stop( $setsymbol_color_stop1, #{nth($scheme, 3)} ), color-stop( $setsymbol_color_stop2, #{nth($scheme, 4)} ), color-stop( $setsymbol_color_stop3, #{nth($scheme, 3)} )); + /* Chrome10+, Safari5.1+ */ + background: -webkit-linear-gradient(left, #{nth($scheme, 3)} $setsymbol_color_stop1, #{nth($scheme, 4)} $setsymbol_color_stop2, #{nth($scheme, 3)} $setsymbol_color_stop3); + -webkit-text-stroke: $setsymbol_text_stroke #{nth($scheme, 5)}; + -webkit-text-fill-color: $setsymbol_text_fill_color; + -webkit-background-clip: $setsymbol_background_clip; + background-clip: $setsymbol_background_clip; } } } diff --git a/sass/components/_setsymbol.scss b/sass/components/_setsymbol.scss index 8385228..5969ef2 100644 --- a/sass/components/_setsymbol.scss +++ b/sass/components/_setsymbol.scss @@ -1,4 +1,7 @@ -// set symbol class +// _setsymbol.scss + +/** Setsymbol Base Class ======================== + */ .#{$keyrune_prefix} { display: $setsymbol_display; font: $setsymbol_font; @@ -17,25 +20,20 @@ &:before { 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 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. +/** Setsymbol 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. Not really + * | best practice (DRY, etc...) but fixes weird compilation. + */ @each $set in $mtg_setlist { /* #{nth($set, 1)} */ .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($set, 2)}:before { diff --git a/sass/components/_typography.scss b/sass/components/_typography.scss index 42f523e..bfe81e5 100644 --- a/sass/components/_typography.scss +++ b/sass/components/_typography.scss @@ -1,11 +1,18 @@ +// _typography.scss + +/** Keyrune Font-Family ========================= + * | Concatenation is purely for readability purposes. + * | + * | TODO: Might come back and create a function to fetch font formats from an array. benefit is shorter syntax. + */ @font-face { font-family: "#{$keyrune_font_face}"; - src:url( '#{$global_font_path}/keyrune.eot?v=#{$keyrune_version}' ); - src:url( '#{$global_font_path}/keyrune.eot?#iefix&v=#{$keyrune_version}' ) format( 'embedded-opentype' ), - url( '#{$global_font_path}/keyrune.woff2?v=#{$keyrune_version}' ) format( 'woff2' ), - url( '#{$global_font_path}/keyrune.woff?v=#{$keyrune_version}' ) format( 'woff' ), - url( '#{$global_font_path}/keyrune.ttf?v=#{$keyrune_version}' ) format( 'truetype' ), - url( '#{$global_font_path}/keyrune.svg?v=#{$keyrune_version}#keyrune' ) format( 'svg' ); - font-weight: normal; - font-style: normal; + src:url( '#{$global_font_path}' + '/keyrune.eot?v=' + '#{$keyrune_version}' ); + src:url( '#{$global_font_path}' + '/keyrune.eot?#iefix&v=' + '#{$keyrune_version}' ) format( 'embedded-opentype' ), + url( '#{$global_font_path}' + '/keyrune.woff2?v=' + '#{$keyrune_version}' ) format( 'woff2' ), + url( '#{$global_font_path}' + '/keyrune.woff?v=' + '#{$keyrune_version}' ) format( 'woff' ), + url( '#{$global_font_path}' + '/keyrune.ttf?v=' + '#{$keyrune_version}' ) format( 'truetype' ), + url( '#{$global_font_path}' + '/keyrune.svg?v=' + '#{$keyrune_version}' + '#keyrune' ) format( 'svg' ); + font-weight: $keyrune_font_weight; + font-style: $keyrune_font_style; } diff --git a/sass/config/_settings.scss b/sass/config/_settings.scss index ba6ac8b..9b11794 100644 --- a/sass/config/_settings.scss +++ b/sass/config/_settings.scss @@ -1 +1,279 @@ -// this is a generated copy of _variables.scss for users. +// _variables.scss + +// Table of Contents: ========================== +// 1. Global +// 2. Keyrune +// 3. Set Symbol +// 4. Keyrune Colors +// 5. Helpers +// 6. MtG Setlist +// + +// 1. Global =================================== +// +$global_font_path: '../fonts' !default; +$global_font_size: 14px !default; + +// 2. Keyrune ================================== +// +$keyrune_font_face: "Keyrune" !default; +$keyrune_version: '1.7.2' !default; +$keyrune_prefix: 'ss' !default; +$keyrune_font_weight: normal !default; +$keyrune_font_style: normal !default; + +// 3. Set Symbol =============================== +// +$setsymbol_display: inline-block !default; +$setsymbol_font: normal normal normal $global_font_size/1 $keyrune_font_face !default; +$setsymbol_font_size: inherit !default; +$setsymbol_line_height: 1em !default; +$setsymbol_text_rendering: auto !default; +$setsymbol_transform: translate(0, 0) !default; +$setsymbol_speak: none !default; +$setsymbol_text_transform: none !default; +$setsymbol_vertical_align: middle !default; +$setsymbol_webkit_font_smoothing: antialiased !default; +$setsymbol_moz_font_smoothing: grayscale !default; +$setsymbol_default_content: "\e684" !default; + +$setsymbol_color_stop1: 0% !default; +$setsymbol_color_stop2: 50% !default; +$setsymbol_color_stop3: 100% !default; +$setsymbol_text_stroke: 0.03em !default; +$setsymbol_text_fill_color: transparent !default; +$setsymbol_background_clip: text !default; + +// 4. Keyrune Colors ============================ +// +$rarity_palette: ( + ('common', #1a1718, #302b2c, #474040, #000), + ('uncommon', #707883, #5a6572, #9e9e9e, #111), + ('rare', #a58e4a, #876a3b, #dfbd6b, #333), + ('mythic', #bf4427, #b21f0f, #f38300, #333) +) !default; + +$white: #fff; + +// 5. Helpers ================================== +// +$setsymbol_sizes: ( + '2x': 2em, + '3x': 3em, + '4x': 4em, + '5x': 5em, + '6x': 6em +) !default; + +$setsymbol_fixed_size_width: calc(18em / 14px) !default; // TODO: might have to light into implementing a units component. perhaps switch to +$setsymbol_fixed_size_text_align: center !default; + +$setsymbol_no_border: 0 !default; + +$setsymbol_border_after_content: "" !default; +$setsymbol_border_after_position: absolute !default; +$setsymbol_border_after_left: -.05em !default; // TODO: change to -0.05em if doesn't effect visual styles. +$setsymbol_border_after_top: .0em !default; // TODO: change to 0.0em " +$setsymbol_border_after_z_index: -1 !default; +$setsymbol_border_after_color: $white !default; +$setsymbol_border_after_font_size: 1.15em !default; +$setsymbol_border_after_background: $white !default; +$setsymbol_border_after_text_stroke: 0.05em $white !default; +$setsymbol_border_after_background_clip: $setsymbol_background_clip !default; +$setsymbol_border_after_text_fill_color: $setsymbol_text_fill_color !default; + +// not really sure what to call this array, although I notice it is for special borders. +$mtg_setlist_borders: ( + ("Vanguard", 'van', "\e655"), + ("Archenemy", 'arc', "\e657"), + ("Commander", 'cmd', "\e658"), + ("Commander's Arsenal", 'cm1', "\e65a"), + ("Commander 2013", 'c13', "\e65b"), + ("Commander 2014", 'c14', "\e65d"), + ("Commander 2015", 'c15', "\e900"), + ("Planechase 2009", 'hop', "\e656"), + ("Planechase 2012", 'pc2', "\e659"), + ("Conspiracy", 'cns', "\e65c") +); + +// 6. MtG Setlist ============================== +// Legend: +// (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; diff --git a/sass/config/_variables.scss b/sass/config/_variables.scss index a783ee8..9b11794 100644 --- a/sass/config/_variables.scss +++ b/sass/config/_variables.scss @@ -1,40 +1,29 @@ // _variables.scss -// Table of Contents: =========================== +// Table of Contents: ========================== // 1. Global // 2. Keyrune -// 3. Symbol Sizes -// 4. Rarity Colors -// 5. Set Symbol +// 3. Set Symbol +// 4. Keyrune Colors +// 5. Helpers // 6. MtG Setlist +// -// 1. Global ==================================== +// 1. Global =================================== +// $global_font_path: '../fonts' !default; $global_font_size: 14px !default; -// 2. Keyrune =================================== +// 2. Keyrune ================================== +// $keyrune_font_face: "Keyrune" !default; $keyrune_version: '1.7.2' !default; $keyrune_prefix: 'ss' !default; +$keyrune_font_weight: normal !default; +$keyrune_font_style: normal !default; -// 3. Symbol Sizes ============================== -$symbol_sizes: ( - '2x': 2em, - '3x': 3em, - '4x': 4em, - '5x': 5em, - '6x': 6em -) !default; - -// 4. Rarity Colors ============================= -$rarity_palette: ( - ('common', #1a1718, #302b2c, #474040, #000), - ('uncommon', #707883, #5a6572, #9e9e9e, #111), - ('rare', #a58e4a, #876a3b, #dfbd6b, #333), - ('mythic', #bf4427, #b21f0f, #f38300, #333) -) !default; - -// 5. Set Symbol ================================ +// 3. Set Symbol =============================== +// $setsymbol_display: inline-block !default; $setsymbol_font: normal normal normal $global_font_size/1 $keyrune_font_face !default; $setsymbol_font_size: inherit !default; @@ -48,182 +37,243 @@ $setsymbol_webkit_font_smoothing: antialiased !default; $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") +$setsymbol_color_stop1: 0% !default; +$setsymbol_color_stop2: 50% !default; +$setsymbol_color_stop3: 100% !default; +$setsymbol_text_stroke: 0.03em !default; +$setsymbol_text_fill_color: transparent !default; +$setsymbol_background_clip: text !default; + +// 4. Keyrune Colors ============================ +// +$rarity_palette: ( + ('common', #1a1718, #302b2c, #474040, #000), + ('uncommon', #707883, #5a6572, #9e9e9e, #111), + ('rare', #a58e4a, #876a3b, #dfbd6b, #333), + ('mythic', #bf4427, #b21f0f, #f38300, #333) +) !default; + +$white: #fff; + +// 5. Helpers ================================== +// +$setsymbol_sizes: ( + '2x': 2em, + '3x': 3em, + '4x': 4em, + '5x': 5em, + '6x': 6em +) !default; + +$setsymbol_fixed_size_width: calc(18em / 14px) !default; // TODO: might have to light into implementing a units component. perhaps switch to +$setsymbol_fixed_size_text_align: center !default; + +$setsymbol_no_border: 0 !default; + +$setsymbol_border_after_content: "" !default; +$setsymbol_border_after_position: absolute !default; +$setsymbol_border_after_left: -.05em !default; // TODO: change to -0.05em if doesn't effect visual styles. +$setsymbol_border_after_top: .0em !default; // TODO: change to 0.0em " +$setsymbol_border_after_z_index: -1 !default; +$setsymbol_border_after_color: $white !default; +$setsymbol_border_after_font_size: 1.15em !default; +$setsymbol_border_after_background: $white !default; +$setsymbol_border_after_text_stroke: 0.05em $white !default; +$setsymbol_border_after_background_clip: $setsymbol_background_clip !default; +$setsymbol_border_after_text_fill_color: $setsymbol_text_fill_color !default; + +// not really sure what to call this array, although I notice it is for special borders. +$mtg_setlist_borders: ( + ("Vanguard", 'van', "\e655"), + ("Archenemy", 'arc', "\e657"), + ("Commander", 'cmd', "\e658"), + ("Commander's Arsenal", 'cm1', "\e65a"), + ("Commander 2013", 'c13', "\e65b"), + ("Commander 2014", 'c14', "\e65d"), + ("Commander 2015", 'c15', "\e900"), + ("Planechase 2009", 'hop', "\e656"), + ("Planechase 2012", 'pc2', "\e659"), ("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") +); + +// 6. MtG Setlist ============================== +// Legend: +// (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; diff --git a/sass/keyrune.scss b/sass/keyrune.scss index fa3c2ef..ad7f800 100644 --- a/sass/keyrune.scss +++ b/sass/keyrune.scss @@ -1,10 +1,16 @@ // keyrune.scss -// Config ============== +// Config ====================================== +// @import 'config/variables'; //@import 'config/settings'; // used for other users to overwrite default styles. -// Components ========== +// Components ================================== +// @import 'components/typography'; @import 'components/setsymbol'; @import 'components/rarities'; + +// Helpers ===================================== +// +@import 'components/helpers'; diff --git a/sass/sass/config/_settings.scss b/sass/sass/config/_settings.scss new file mode 100644 index 0000000..9b11794 --- /dev/null +++ b/sass/sass/config/_settings.scss @@ -0,0 +1,279 @@ +// _variables.scss + +// Table of Contents: ========================== +// 1. Global +// 2. Keyrune +// 3. Set Symbol +// 4. Keyrune Colors +// 5. Helpers +// 6. MtG Setlist +// + +// 1. Global =================================== +// +$global_font_path: '../fonts' !default; +$global_font_size: 14px !default; + +// 2. Keyrune ================================== +// +$keyrune_font_face: "Keyrune" !default; +$keyrune_version: '1.7.2' !default; +$keyrune_prefix: 'ss' !default; +$keyrune_font_weight: normal !default; +$keyrune_font_style: normal !default; + +// 3. Set Symbol =============================== +// +$setsymbol_display: inline-block !default; +$setsymbol_font: normal normal normal $global_font_size/1 $keyrune_font_face !default; +$setsymbol_font_size: inherit !default; +$setsymbol_line_height: 1em !default; +$setsymbol_text_rendering: auto !default; +$setsymbol_transform: translate(0, 0) !default; +$setsymbol_speak: none !default; +$setsymbol_text_transform: none !default; +$setsymbol_vertical_align: middle !default; +$setsymbol_webkit_font_smoothing: antialiased !default; +$setsymbol_moz_font_smoothing: grayscale !default; +$setsymbol_default_content: "\e684" !default; + +$setsymbol_color_stop1: 0% !default; +$setsymbol_color_stop2: 50% !default; +$setsymbol_color_stop3: 100% !default; +$setsymbol_text_stroke: 0.03em !default; +$setsymbol_text_fill_color: transparent !default; +$setsymbol_background_clip: text !default; + +// 4. Keyrune Colors ============================ +// +$rarity_palette: ( + ('common', #1a1718, #302b2c, #474040, #000), + ('uncommon', #707883, #5a6572, #9e9e9e, #111), + ('rare', #a58e4a, #876a3b, #dfbd6b, #333), + ('mythic', #bf4427, #b21f0f, #f38300, #333) +) !default; + +$white: #fff; + +// 5. Helpers ================================== +// +$setsymbol_sizes: ( + '2x': 2em, + '3x': 3em, + '4x': 4em, + '5x': 5em, + '6x': 6em +) !default; + +$setsymbol_fixed_size_width: calc(18em / 14px) !default; // TODO: might have to light into implementing a units component. perhaps switch to +$setsymbol_fixed_size_text_align: center !default; + +$setsymbol_no_border: 0 !default; + +$setsymbol_border_after_content: "" !default; +$setsymbol_border_after_position: absolute !default; +$setsymbol_border_after_left: -.05em !default; // TODO: change to -0.05em if doesn't effect visual styles. +$setsymbol_border_after_top: .0em !default; // TODO: change to 0.0em " +$setsymbol_border_after_z_index: -1 !default; +$setsymbol_border_after_color: $white !default; +$setsymbol_border_after_font_size: 1.15em !default; +$setsymbol_border_after_background: $white !default; +$setsymbol_border_after_text_stroke: 0.05em $white !default; +$setsymbol_border_after_background_clip: $setsymbol_background_clip !default; +$setsymbol_border_after_text_fill_color: $setsymbol_text_fill_color !default; + +// not really sure what to call this array, although I notice it is for special borders. +$mtg_setlist_borders: ( + ("Vanguard", 'van', "\e655"), + ("Archenemy", 'arc', "\e657"), + ("Commander", 'cmd', "\e658"), + ("Commander's Arsenal", 'cm1', "\e65a"), + ("Commander 2013", 'c13', "\e65b"), + ("Commander 2014", 'c14', "\e65d"), + ("Commander 2015", 'c15', "\e900"), + ("Planechase 2009", 'hop', "\e656"), + ("Planechase 2012", 'pc2', "\e659"), + ("Conspiracy", 'cns', "\e65c") +); + +// 6. MtG Setlist ============================== +// Legend: +// (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;