Committing sass additions

This commit is contained in:
Andrew Gioia 2016-12-14 12:54:48 -05:00
parent 4c2fd85eec
commit c1f5da8ed2
13 changed files with 455 additions and 34 deletions

0
css/keyrune.css Executable file → Normal file
View File

0
fonts/keyrune.eot Executable file → Normal file
View File

0
fonts/keyrune.svg Executable file → Normal file
View File

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 264 KiB

0
fonts/keyrune.ttf Executable file → Normal file
View File

0
fonts/keyrune.woff Executable file → Normal file
View File

0
fonts/keyrune.woff2 Executable file → Normal file
View File

View File

@ -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 <weber.joerg.h@gmail.com>",
"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 <weber.joerg.h@gmail.com>",
"ardeay",
"Jordan Brauer <jbrauer.inc@gmail.com>"
],
"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": "*"
}
}

43
sass/_helpers.scss Normal file
View File

@ -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)}";
}
}
}

25
sass/_rarities.scss Normal file
View File

@ -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;
}
}
}

42
sass/_setsymbol.scss Normal file
View File

@ -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)}";
}
}

16
sass/_typography.scss Normal file
View File

@ -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;
}

279
sass/_variables.scss Normal file
View File

@ -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;

15
sass/keyrune.scss Normal file
View File

@ -0,0 +1,15 @@
// keyrune.scss
// Config ======================================
//
@import 'variables';
// Components ==================================
//
@import 'typography';
@import 'setsymbol';
@import 'rarities';
// Helpers =====================================
//
@import 'helpers';