From c1f5da8ed2df93602195cdfdc1140ae1d48f28c4 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Wed, 14 Dec 2016 12:54:48 -0500 Subject: [PATCH] Committing sass additions --- css/keyrune.css | 0 fonts/keyrune.eot | Bin fonts/keyrune.svg | 0 fonts/keyrune.ttf | Bin fonts/keyrune.woff | Bin fonts/keyrune.woff2 | Bin package.json | 69 ++++++----- sass/_helpers.scss | 43 +++++++ sass/_rarities.scss | 25 ++++ sass/_setsymbol.scss | 42 +++++++ sass/_typography.scss | 16 +++ sass/_variables.scss | 279 ++++++++++++++++++++++++++++++++++++++++++ sass/keyrune.scss | 15 +++ 13 files changed, 455 insertions(+), 34 deletions(-) mode change 100755 => 100644 css/keyrune.css mode change 100755 => 100644 fonts/keyrune.eot mode change 100755 => 100644 fonts/keyrune.svg mode change 100755 => 100644 fonts/keyrune.ttf mode change 100755 => 100644 fonts/keyrune.woff mode change 100755 => 100644 fonts/keyrune.woff2 create mode 100644 sass/_helpers.scss create mode 100644 sass/_rarities.scss create mode 100644 sass/_setsymbol.scss create mode 100644 sass/_typography.scss create mode 100644 sass/_variables.scss create mode 100644 sass/keyrune.scss diff --git a/css/keyrune.css b/css/keyrune.css old mode 100755 new mode 100644 diff --git a/fonts/keyrune.eot b/fonts/keyrune.eot old mode 100755 new mode 100644 diff --git a/fonts/keyrune.svg b/fonts/keyrune.svg old mode 100755 new mode 100644 diff --git a/fonts/keyrune.ttf b/fonts/keyrune.ttf old mode 100755 new mode 100644 diff --git a/fonts/keyrune.woff b/fonts/keyrune.woff old mode 100755 new mode 100644 diff --git a/fonts/keyrune.woff2 b/fonts/keyrune.woff2 old mode 100755 new mode 100644 diff --git a/package.json b/package.json index 182f541..260ad01 100644 --- a/package.json +++ b/package.json @@ -1,36 +1,37 @@ { - "name": "keyrune", - "description": "Keyrune", - "version": "1.8.0", - "author": { - "name": "Andrew Gioia", - "email": "andrewgioia@gmail.com", - "url": "http://andrewgioia.com" - }, - "contributors": [ - "JayGray ", - "ardeay" - ], - "repository" : { - "type": "git", - "url": "https://github.com/andrewgioia/Keyrune.git" - }, - "keywords": [], - "homepage": "http://andrewgioia.com", - "dependencies": {}, - "devDependencies": {}, - "license": "(OFL-1.1 AND MIT)", - "main": "css/keyrune.css", - "ignore": [ - "*/.*", - "*.json", - "*.md" - ], - "bugs": { - "url" : "https://github.com/andrewgioia/Keyrune/issues", - "email" : "andrewgioia@gmail.com" - }, - "engines": { - "node" : "*" - } + "name": "keyrune", + "description": "Keyrune", + "version": "1.8.0", + "author": { + "name": "Andrew Gioia", + "email": "andrewgioia@gmail.com", + "url": "http://andrewgioia.com" + }, + "contributors": [ + "JayGray ", + "ardeay", + "Jordan Brauer " + ], + "repository": { + "type": "git", + "url": "https://github.com/andrewgioia/Keyrune.git" + }, + "keywords": [], + "homepage": "http://andrewgioia.com", + "dependencies": {}, + "devDependencies": {}, + "license": "(OFL-1.1 AND MIT)", + "main": "css/keyrune.css", + "ignore": [ + "*/.*", + "*.json", + "*.md" + ], + "bugs": { + "url": "https://github.com/andrewgioia/Keyrune/issues", + "email": "andrewgioia@gmail.com" + }, + "engines": { + "node": "*" + } } diff --git a/sass/_helpers.scss b/sass/_helpers.scss new file mode 100644 index 0000000..fc50c1f --- /dev/null +++ b/sass/_helpers.scss @@ -0,0 +1,43 @@ +// _helpers.scss + +/** Setsymbol Size Modifiers ==================== + */ +@each $size in $keyrune_sizes { + .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} { + font-size: #{nth($size, 2)}; + } +} + +/** 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: 0; + text-stroke: 0; +} + +/** Setsymbol Border ============================ + */ +.#{$keyrune_prefix}.#{$keyrune_prefix}-border { + &:after { + content: ""; + position: absolute; + left: -0.05em; + top: 0.0em; + z-index: -1; + color: $white; + font-size: 1.15em; + background: $white; + -webkit-text-stroke: 0.05em $white; + -webkit-background-clip: $keyrune_background_clip; + -webkit-text-fill-color: $keyrune_text_fill; + } + + @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/_rarities.scss b/sass/_rarities.scss new file mode 100644 index 0000000..39f3b3b --- /dev/null +++ b/sass/_rarities.scss @@ -0,0 +1,25 @@ +// _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 $keyrune_palette { + /* #{nth($scheme, 1)} */ + .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($scheme, 1)} { + color: #{nth($scheme, 2)}; + + &.#{$keyrune_prefix}-grad { + // webkit outline/gradient + /* Chrome, Safari4+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%, #{nth($scheme, 3)}), color-stop(50%, #{nth($scheme, 4)}), color-stop(100%, #{nth($scheme, 3)})); + /* Chrome10+, Safari5.1+ */ + background: -webkit-linear-gradient(left, #{nth($scheme, 3)} 0%, #{nth($scheme, 4)} 50%, #{nth($scheme, 3)} 100%); + -webkit-text-stroke: 0.03em #{nth($scheme, 5)}; + -webkit-text-fill-color: $keyrune_text_fill; + -webkit-background-clip: $keyrune_background_clip; + background-clip: $keyrune_background_clip; + } + } +} diff --git a/sass/_setsymbol.scss b/sass/_setsymbol.scss new file mode 100644 index 0000000..b88cb24 --- /dev/null +++ b/sass/_setsymbol.scss @@ -0,0 +1,42 @@ +// _keyrune.scss + +/** Setsymbol Base Class ======================== + */ +.#{$keyrune_prefix} { + display: inline-block; + font: $keyrune_font; + font-size: inherit; + line-height: 1em; + text-rendering: auto; + transform: translate(0, 0); + speak: none; + text-transform: none; + vertical-align: middle; + // Better font rendering + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: grayscale; + + // default symbol if the set does not exist yet, or setcode does not match + &:before { + content: "#{$keyrune_default_content}"; + } +} + +/** 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 { + content: "#{nth($set, 3)}"; + } +} diff --git a/sass/_typography.scss b/sass/_typography.scss new file mode 100644 index 0000000..df3a70d --- /dev/null +++ b/sass/_typography.scss @@ -0,0 +1,16 @@ +// _typography.scss + +/** Keyrune Font-Family ========================= + * | Concatenation is purely for readability purposes. + */ +@font-face { + font-family: "#{$keyrune_font_face}"; + src:url('#{$keyrune_font_path}' + '/keyrune.eot?v=' + '#{$keyrune_version}'); + src:url('#{$keyrune_font_path}' + '/keyrune.eot?#iefix&v=' + '#{$keyrune_version}') format('embedded-opentype'), + url('#{$keyrune_font_path}' + '/keyrune.woff2?v=' + '#{$keyrune_version}') format('woff2'), + url('#{$keyrune_font_path}' + '/keyrune.woff?v=' + '#{$keyrune_version}') format('woff'), + url('#{$keyrune_font_path}' + '/keyrune.ttf?v=' + '#{$keyrune_version}') format('truetype'), + url('#{$keyrune_font_path}' + '/keyrune.svg?v=' + '#{$keyrune_version}' + '#keyrune') format('svg'); + font-weight: $keyrune_font_weight; + font-style: $keyrune_font_style; +} diff --git a/sass/_variables.scss b/sass/_variables.scss new file mode 100644 index 0000000..924d6aa --- /dev/null +++ b/sass/_variables.scss @@ -0,0 +1,279 @@ +// _variables.scss + +// #. +$keyrune_version: '1.8.0' !default; +$keyrune_font_path: '../fonts' !default; + +// #. Keyrune Font ============================== +// +$keyrune_font_style: normal !default; +$keyrune_font_variant: normal !default; +$keyrune_font_weight: normal !default; +$keyrune_font_size: 14px !default; +$keyrune_font_face: 'Keyrune' !default; +$keyrune_font: $keyrune_font_style $keyrune_font_variant $keyrune_font_weight $keyrune_font_size/1 $keyrune_font_face !default; + +$keyrune_prefix: 'ss' !default; + +$keyrune_default_content: "\e684" !default; + +$keyrune_background_clip: text !default; +$keyrune_text_fill: transparent !default; + +// 4. Keyrune Colors ============================ +// +$black: #000 !default; +$white: #fff !default; + +$keyrune_palette: ( + ('common', #1a1718, #302b2c, #474040, #000), + ('uncommon', #707883, #5a6572, #9e9e9e, #111), + ('rare', #a58e4a, #876a3b, #dfbd6b, #333), + ('mythic', #bf4427, #b21f0f, #f38300, #333) +) !default; + +// #. Set Symbol Sizes =============================== +// +$keyrune_sizes: ( + '2x': 2em, + '3x': 3em, + '4x': 4em, + '5x': 5em, + '6x': 6em, + 'fw': calc(18em / #{$keyrune_font_size}) +) !default; + +// NOTE: not really sure what to call this array. I notice it is for special borders of sorts, so setlist_borders it is. +$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") +) !default; + +// 6. MtG Setlist ============================== +// Legend/Key: +// ("Set_Name", 'Set_Code', "Set_Glyph"), +// +$mtg_setlist: ( + // # Core Sets + ("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"), + // # Expansion Sets + // Artifact block + ("Arabian Nights", 'arn', "\e613"), + ("Antiquities", 'atq', "\e614"), + ("Legends", 'leg', "\e615"), + // Wizards block + ("The Dark", 'drk', "\e616"), + ("Fallen Empires", 'fem', "\e617"), + ("Homelands", 'hml', "\e618"), + // Ice Age block + ("Ice Age", 'ice', "\e619"), + ("Alliances", 'all', "\e61a"), + ("Coldsnap", 'csp', "\e61b"), + // Mirage block + ("Mirage", 'mir', "\e61c"), + ("Visions", 'vis', "\e61d"), + ("Weatherlight", 'wth', "\e61e"), + // Tempest block + ("Tempest", 'tmp', "\e61f"), + ("Stronghold", 'sth', "\e620"), + ("Exodus", 'exo', "\e621"), + // Urza's block + ("Urza's Saga", 'usg', "\e622"), + ("Urza's Legacy", 'ulg', "\e623"), + ("Urza's Destiny", 'uds', "\e624"), + // Mercadian block + ("Mercadian Masque", 'mmq', "\e625"), + ("Nemesis", 'nms', "\e626"), + ("Prophecy", 'pcy', "\e627"), + // Invasion block + ("Invasion", 'inv', "\e628"), + ("Planeshift", 'pls', "\e629"), + ("Apocalypse", 'apc', "\e62a"), + // Odyssey block + ("Odyssey", 'ody', "\e62b"), + ("Torment", 'tor', "\e62c"), + ("Judgement", 'jud', "\e62d"), + // Onslaught block + ("Onslaught", 'ons', "\e62e"), + ("Legions", 'lgn', "\e62f"), + ("Scourge", 'scg', "\e630"), + // Mirrodin block + ("Mirrodin", 'mrd', "\e631"), + ("Darksteel", 'dst', "\e632"), + ("5th Dawn", '5dn', "\e633"), + // Kamigawa block + ("Champions of Kamigawa", 'chk', "\e634"), + ("Betrayers of Kamigawa", 'bok', "\e635"), + ("Saviors of Kamigawa", 'sok', "\e636"), + // Ravnica block + ("Ravnica", 'rav', "\e637"), + ("Guildpact", 'gpt', "\e638"), + ("Dissension", 'dis', "\e639"), + // Time Spiral block + ("Time Spiral", 'tsp', "\e63a"), + ("Planeshift", 'plc', "\e63b"), + ("Future Sight", 'fut', "\e63c"), + // Lorwyn block + ("Lorwyn", 'lrw', "\e63d"), + ("Morningtide", 'mor', "\e63e"), + // Shadowmoor block + ("Shadowmoor", 'shm', "\e63f"), + ("Eventide", 'eve', "\e640"), + // Alara block + ("Shards of Alara", 'ala', "\e641"), + ("Conflux", 'con', "\e642"), + ("Alara Reborn", 'arb', "\e643"), + // Zendikar block + ("Zendikar", 'zen', "\e644"), + ("Worldwake", 'wwk', "\e645"), + ("Rise of Eldrazi", 'roe', "\e646"), + // Scars block + ("Scars of Mirrodin", 'som', "\e647"), + ("Mirrodin Besieged", 'mbs', "\e648"), + ("New Phyrexia", 'nph', "\e649"), + // Innistrad block + ("Innistrad", 'isd', "\e64a"), + ("Dark Ascension", 'dka', "\e64b"), + ("Avacyn Restored", 'avr', "\e64c"), + // Return to Ravnica block + ("Return to Ravnica", 'rtr', "\e64d"), + ("Gatecrash", 'gtc', "\e64e"), + ("Dragon's Maze", 'dgm', "\e64f"), + // Theros block + ("Theros", 'ths', "\e650"), + ("Born of the Gods", 'bng', "\e651"), + ("Journey into Nyx", 'jou', "\e652"), + // Khans block + ("Khans of Tarkir", 'ktk', "\e653"), + ("Fate Reforged", 'frf', "\e654"), + ("Dragons of Tarkir", 'dtk', "\e693"), + // Return to Zendikar block + ("Battle for Zendikar", 'bfz', "\e699"), + ("Oath of the Gatewatch", 'ogw', "\e901"), + // Return to Innistrad block + ("Shadows Over Innistrad", 'soi', "\e902"), + ("Eldritch Moon", 'emn', "\e90b"), + // Kaladesh block + ("Kaladesh", 'kld', "\e90e"), + ("Aether Revolt", 'aer', "\e90f"), + // Amonkhet block + ("Amonkhet", "akh", "\e914"), + // # Commander Sets + ("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"), + // # Reprint Sets + ("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"), + // # Beginner Sets + ("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"), + // # Duel Decks + ("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"), + // # From the Vault + ("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"), + // # Premium Deck Series + ("Slivers", 'h09', "\e67f"), + ("Fire & Lightning", 'pd2', "\e680"), + ("Graveborn", 'pd3', "\e681"), + ("Modern Event Deck", 'md1', "\e682"), + // # Promotional + ("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"), + // # Online Only + ("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"), + // # The Unsets + ("Unglued", 'ugl', "\e691"), + ("Unhinged", 'unh', "\e692") +) !default; diff --git a/sass/keyrune.scss b/sass/keyrune.scss new file mode 100644 index 0000000..de7d1a4 --- /dev/null +++ b/sass/keyrune.scss @@ -0,0 +1,15 @@ +// keyrune.scss + +// Config ====================================== +// +@import 'variables'; + +// Components ================================== +// +@import 'typography'; +@import 'setsymbol'; +@import 'rarities'; + +// Helpers ===================================== +// +@import 'helpers';