andrew/keyrune
andrew/keyrune
1
0
Fork 0
mirror of https://github.com/andrewgioia/keyrune.git synced 2024-11-05 16:34:45 +00:00
Code Issues Projects Releases Wiki Activity

Refactored and simplified SASS code. Added Amonkhet symbol into array.

Browse Source
This commit is contained in:
jordanbrauer 2016-12-13 22:00:05 -06:00
parent 0563290998
commit 7fee099113
7 changed files with 111 additions and 398 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
sass/_helpers.scss
View File

@ -2,41 +2,36 @@
/** Setsymbol Size Modifiers ==================== /** Setsymbol Size Modifiers ====================
*/ */
@each $size in $setsymbol_sizes { @each $size in $keyrune_sizes {
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} { .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} {
font-size: #{nth($size, 2)}; 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 ========================= /** Setsymbol No Border =========================
* | This class can remain a singleton since it is generic, making * | This class can remain a singleton since it is generic, making
* | it a helper class. * | it a helper class.
*/ */
.#{$keyrune_prefix}.#{$keyrune_prefix}-no-border { .#{$keyrune_prefix}.#{$keyrune_prefix}-no-border {
-webkit-text-stroke: $setsymbol_no_border; -webkit-text-stroke: 0;
text-stroke: $setsymbol_no_border; text-stroke: 0;
} }
/** Setsymbol Border ============================ /** Setsymbol Border ============================
*/ */
.#{$keyrune_prefix}.#{$keyrune_prefix}-border { .#{$keyrune_prefix}.#{$keyrune_prefix}-border {
&:after { &:after {
content: $setsymbol_border_after_content; content: "";
position: $setsymbol_border_after_position; position: absolute;
left: $setsymbol_border_after_left; left: -0.05em;
top: $setsymbol_border_after_top; top: 0.0em;
color: $setsymbol_border_after_color; z-index: -1;
font-size: $setsymbol_border_after_font_size; color: $white;
z-index: $setsymbol_border_after_z_index; font-size: 1.15em;
background: $setsymbol_border_after_background; background: $white;
-webkit-text-stroke: $setsymbol_border_after_text_stroke; -webkit-text-stroke: 0.05em $white;
-webkit-background-clip: $setsymbol_border_after_background_clip; -webkit-background-clip: $keyrune_background_clip;
-webkit-text-fill-color: $setsymbol_border_after_text_fill_color; -webkit-text-fill-color: $keyrune_text_fill;
} }
@each $set in $mtg_setlist_borders { @each $set in $mtg_setlist_borders {

14
sass/_rarities.scss
View File

@ -5,7 +5,7 @@
* | some of the things in here properly. Either way, I kept those * | some of the things in here properly. Either way, I kept those
* | hard-coded prefxed to ensure it to work! * | hard-coded prefxed to ensure it to work!
*/ */
@each $scheme in $rarity_palette { @each $scheme in $keyrune_palette {
/* #{nth($scheme, 1)} */ /* #{nth($scheme, 1)} */
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($scheme, 1)} { .#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($scheme, 1)} {
color: #{nth($scheme, 2)}; color: #{nth($scheme, 2)};
@ -13,13 +13,13 @@
&.#{$keyrune_prefix}-grad { &.#{$keyrune_prefix}-grad {
// webkit outline/gradient // webkit outline/gradient
/* Chrome, Safari4+ */ /* 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)} )); 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+ */ /* 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); background: -webkit-linear-gradient(left, #{nth($scheme, 3)} 0%, #{nth($scheme, 4)} 50%, #{nth($scheme, 3)} 100%);
-webkit-text-stroke: $setsymbol_text_stroke #{nth($scheme, 5)}; -webkit-text-stroke: 0.03em #{nth($scheme, 5)};
-webkit-text-fill-color: $setsymbol_text_fill_color; -webkit-text-fill-color: $keyrune_text_fill;
-webkit-background-clip: $setsymbol_background_clip; -webkit-background-clip: $keyrune_background_clip;
background-clip: $setsymbol_background_clip; background-clip: $keyrune_background_clip;
} }
} }
} }

26
sass/_setsymbol.scss
View File

@ -1,24 +1,24 @@
// _setsymbol.scss // _keyrune.scss
/** Setsymbol Base Class ======================== /** Setsymbol Base Class ========================
*/ */
.#{$keyrune_prefix} { .#{$keyrune_prefix} {
display: $setsymbol_display; display: inline-block;
font: $setsymbol_font; font: $keyrune_font;
font-size: $setsymbol_font_size; font-size: inherit;
line-height: $setsymbol_line_height; line-height: 1em;
text-rendering: $setsymbol_text_rendering; text-rendering: auto;
transform: $setsymbol_transform; transform: translate(0, 0);
speak: $setsymbol_speak; speak: none;
text-transform: $setsymbol_text_transform; text-transform: none;
vertical-align: $setsymbol_vertical_align; vertical-align: middle;
// Better font rendering // Better font rendering
-webkit-font-smoothing: $setsymbol_webkit_font_smoothing; -webkit-font-smoothing: antialiased;
-moz-font-smoothing: $setsymbol_moz_font_smoothing; -moz-font-smoothing: grayscale;
// default symbol if the set does not exist yet, or setcode does not match // default symbol if the set does not exist yet, or setcode does not match
&:before { &:before {
content: "#{$setsymbol_default_content}"; content: "#{$keyrune_default_content}";
} }
} }

279
sass/_settings.scss
View File

@ -1,279 +0,0 @@
// _variables.scss | _settings.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;

14
sass/_typography.scss
View File

@ -2,17 +2,15 @@
/** Keyrune Font-Family ========================= /** Keyrune Font-Family =========================
* | Concatenation is purely for readability purposes. * | 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-face {
font-family: "#{$keyrune_font_face}"; font-family: "#{$keyrune_font_face}";
src:url( '#{$global_font_path}' + '/keyrune.eot?v=' + '#{$keyrune_version}' ); src:url('#{$keyrune_font_path}' + '/keyrune.eot?v=' + '#{$keyrune_version}');
src:url( '#{$global_font_path}' + '/keyrune.eot?#iefix&v=' + '#{$keyrune_version}' ) format( 'embedded-opentype' ), src:url('#{$keyrune_font_path}' + '/keyrune.eot?#iefix&v=' + '#{$keyrune_version}') format('embedded-opentype'),
url( '#{$global_font_path}' + '/keyrune.woff2?v=' + '#{$keyrune_version}' ) format( 'woff2' ), url('#{$keyrune_font_path}' + '/keyrune.woff2?v=' + '#{$keyrune_version}') format('woff2'),
url( '#{$global_font_path}' + '/keyrune.woff?v=' + '#{$keyrune_version}' ) format( 'woff' ), url('#{$keyrune_font_path}' + '/keyrune.woff?v=' + '#{$keyrune_version}') format('woff'),
url( '#{$global_font_path}' + '/keyrune.ttf?v=' + '#{$keyrune_version}' ) format( 'truetype' ), url('#{$keyrune_font_path}' + '/keyrune.ttf?v=' + '#{$keyrune_version}') format('truetype'),
url( '#{$global_font_path}' + '/keyrune.svg?v=' + '#{$keyrune_version}' + '#keyrune' ) format( 'svg' ); url('#{$keyrune_font_path}' + '/keyrune.svg?v=' + '#{$keyrune_version}' + '#keyrune') format('svg');
font-weight: $keyrune_font_weight; font-weight: $keyrune_font_weight;
font-style: $keyrune_font_style; font-style: $keyrune_font_style;
} }

140
sass/_variables.scss
View File

@ -1,88 +1,49 @@
// _variables.scss | _settings.scss // _variables.scss
// Table of Contents: ========================== // #.
// 1. Global $keyrune_version: '1.8.0' !default;
// 2. Keyrune $keyrune_font_path: '../fonts' !default;
// 3. Set Symbol
// 4. Keyrune Colors
// 5. Helpers
// 6. MtG Setlist
//
// 1. Global =================================== // #. Keyrune Font ==============================
// //
$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; $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;
// 3. Set Symbol =============================== $keyrune_prefix: 'ss' !default;
//
$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; $keyrune_default_content: "\e684" !default;
$setsymbol_color_stop2: 50% !default;
$setsymbol_color_stop3: 100% !default; $keyrune_background_clip: text !default;
$setsymbol_text_stroke: 0.03em !default; $keyrune_text_fill: transparent !default;
$setsymbol_text_fill_color: transparent !default;
$setsymbol_background_clip: text !default;
// 4. Keyrune Colors ============================ // 4. Keyrune Colors ============================
// //
$rarity_palette: ( $black: #000 !default;
$white: #fff !default;
$keyrune_palette: (
('common', #1a1718, #302b2c, #474040, #000), ('common', #1a1718, #302b2c, #474040, #000),
('uncommon', #707883, #5a6572, #9e9e9e, #111), ('uncommon', #707883, #5a6572, #9e9e9e, #111),
('rare', #a58e4a, #876a3b, #dfbd6b, #333), ('rare', #a58e4a, #876a3b, #dfbd6b, #333),
('mythic', #bf4427, #b21f0f, #f38300, #333) ('mythic', #bf4427, #b21f0f, #f38300, #333)
) !default; ) !default;
$white: #fff; // #. Set Symbol Sizes ===============================
// 5. Helpers ==================================
// //
$setsymbol_sizes: ( $keyrune_sizes: (
'2x': 2em, '2x': 2em,
'3x': 3em, '3x': 3em,
'4x': 4em, '4x': 4em,
'5x': 5em, '5x': 5em,
'6x': 6em '6x': 6em,
'fw': calc(18em / #{$keyrune_font_size})
) !default; ) !default;
$setsymbol_fixed_size_width: calc(18em / 14px) !default; // TODO: might have to light into implementing a units component. perhaps switch to // NOTE: not really sure what to call this array. I notice it is for special borders of sorts, so setlist_borders it is.
$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: ( $mtg_setlist_borders: (
("Vanguard", 'van', "\e655"), ("Vanguard", 'van', "\e655"),
("Archenemy", 'arc', "\e657"), ("Archenemy", 'arc', "\e657"),
@ -94,13 +55,14 @@ $mtg_setlist_borders: (
("Planechase 2009", 'hop', "\e656"), ("Planechase 2009", 'hop', "\e656"),
("Planechase 2012", 'pc2', "\e659"), ("Planechase 2012", 'pc2', "\e659"),
("Conspiracy", 'cns', "\e65c") ("Conspiracy", 'cns', "\e65c")
); ) !default;
// 6. MtG Setlist ============================== // 6. MtG Setlist ==============================
// Legend: // Legend/Key:
// (Set_Name, Set_Code, Set_Glyph) // ("Set_Name", 'Set_Code', "Set_Glyph"),
// //
$mtg_setlist: ( $mtg_setlist: (
// # Core Sets
("Alpha", 'lea', "\e600"), ("Alpha", 'lea', "\e600"),
("Beta", 'leb', "\e601"), ("Beta", 'leb', "\e601"),
("Unlimited", '2ed', "\e602"), ("Unlimited", '2ed', "\e602"),
@ -121,79 +83,109 @@ $mtg_setlist: (
("Magic 2015", 'm15', "\e611"), ("Magic 2015", 'm15', "\e611"),
("Core background", 'bcore', "\e612"), ("Core background", 'bcore', "\e612"),
("Magic Origins", 'ori', "\e697"), ("Magic Origins", 'ori', "\e697"),
// # Expansion Sets
// Artifact block
("Arabian Nights", 'arn', "\e613"), ("Arabian Nights", 'arn', "\e613"),
("Antiquities", 'atq', "\e614"), ("Antiquities", 'atq', "\e614"),
("Legends", 'leg', "\e615"), ("Legends", 'leg', "\e615"),
// Wizards block
("The Dark", 'drk', "\e616"), ("The Dark", 'drk', "\e616"),
("Fallen Empires", 'fem', "\e617"), ("Fallen Empires", 'fem', "\e617"),
("Homelands", 'hml', "\e618"), ("Homelands", 'hml', "\e618"),
// Ice Age block
("Ice Age", 'ice', "\e619"), ("Ice Age", 'ice', "\e619"),
("Alliances", 'all', "\e61a"), ("Alliances", 'all', "\e61a"),
("Coldsnap", 'csp', "\e61b"), ("Coldsnap", 'csp', "\e61b"),
// Mirage block
("Mirage", 'mir', "\e61c"), ("Mirage", 'mir', "\e61c"),
("Visions", 'vis', "\e61d"), ("Visions", 'vis', "\e61d"),
("Weatherlight", 'wth', "\e61e"), ("Weatherlight", 'wth', "\e61e"),
// Tempest block
("Tempest", 'tmp', "\e61f"), ("Tempest", 'tmp', "\e61f"),
("Stronghold", 'sth', "\e620"), ("Stronghold", 'sth', "\e620"),
("Exodus", 'exo', "\e621"), ("Exodus", 'exo', "\e621"),
// Urza's block
("Urza's Saga", 'usg', "\e622"), ("Urza's Saga", 'usg', "\e622"),
("Urza's Legacy", 'ulg', "\e623"), ("Urza's Legacy", 'ulg', "\e623"),
("Urza's Destiny", 'uds', "\e624"), ("Urza's Destiny", 'uds', "\e624"),
// Mercadian block
("Mercadian Masque", 'mmq', "\e625"), ("Mercadian Masque", 'mmq', "\e625"),
("Nemesis", 'nms', "\e626"), ("Nemesis", 'nms', "\e626"),
("Prophecy", 'pcy', "\e627"), ("Prophecy", 'pcy', "\e627"),
// Invasion block
("Invasion", 'inv', "\e628"), ("Invasion", 'inv', "\e628"),
("Planeshift", 'pls', "\e629"), ("Planeshift", 'pls', "\e629"),
("Apocalypse", 'apc', "\e62a"), ("Apocalypse", 'apc', "\e62a"),
// Odyssey block
("Odyssey", 'ody', "\e62b"), ("Odyssey", 'ody', "\e62b"),
("Torment", 'tor', "\e62c"), ("Torment", 'tor', "\e62c"),
("Judgement", 'jud', "\e62d"), ("Judgement", 'jud', "\e62d"),
// Onslaught block
("Onslaught", 'ons', "\e62e"), ("Onslaught", 'ons', "\e62e"),
("Legions", 'lgn', "\e62f"), ("Legions", 'lgn', "\e62f"),
("Scourge", 'scg', "\e630"), ("Scourge", 'scg', "\e630"),
// Mirrodin block
("Mirrodin", 'mrd', "\e631"), ("Mirrodin", 'mrd', "\e631"),
("Darksteel", 'dst', "\e632"), ("Darksteel", 'dst', "\e632"),
("5th Dawn", '5dn', "\e633"), ("5th Dawn", '5dn', "\e633"),
("Champions of", 'chk', "\e634"), // Kamigawa block
("Betrayers of", 'bok', "\e635"), ("Champions of Kamigawa", 'chk', "\e634"),
("Betrayers of Kamigawa", 'bok', "\e635"),
("Saviors of Kamigawa", 'sok', "\e636"), ("Saviors of Kamigawa", 'sok', "\e636"),
// Ravnica block
("Ravnica", 'rav', "\e637"), ("Ravnica", 'rav', "\e637"),
("Guildpact", 'gpt', "\e638"), ("Guildpact", 'gpt', "\e638"),
("Dissension", 'dis', "\e639"), ("Dissension", 'dis', "\e639"),
// Time Spiral block
("Time Spiral", 'tsp', "\e63a"), ("Time Spiral", 'tsp', "\e63a"),
("Planeshift", 'plc', "\e63b"), ("Planeshift", 'plc', "\e63b"),
("Future Sight", 'fut', "\e63c"), ("Future Sight", 'fut', "\e63c"),
// Lorwyn block
("Lorwyn", 'lrw', "\e63d"), ("Lorwyn", 'lrw', "\e63d"),
("Morningtide", 'mor', "\e63e"), ("Morningtide", 'mor', "\e63e"),
// Shadowmoor block
("Shadowmoor", 'shm', "\e63f"), ("Shadowmoor", 'shm', "\e63f"),
("Eventide", 'eve', "\e640"), ("Eventide", 'eve', "\e640"),
// Alara block
("Shards of Alara", 'ala', "\e641"), ("Shards of Alara", 'ala', "\e641"),
("Conflux", 'con', "\e642"), ("Conflux", 'con', "\e642"),
("Alara Reborn", 'arb', "\e643"), ("Alara Reborn", 'arb', "\e643"),
// Zendikar block
("Zendikar", 'zen', "\e644"), ("Zendikar", 'zen', "\e644"),
("Worldwake", 'wwk', "\e645"), ("Worldwake", 'wwk', "\e645"),
("Rise of Eldrazi", 'roe', "\e646"), ("Rise of Eldrazi", 'roe', "\e646"),
// Scars block
("Scars of Mirrodin", 'som', "\e647"), ("Scars of Mirrodin", 'som', "\e647"),
("Mirrodin Besieged", 'mbs', "\e648"), ("Mirrodin Besieged", 'mbs', "\e648"),
("New Phyrexia", 'nph', "\e649"), ("New Phyrexia", 'nph', "\e649"),
// Innistrad block
("Innistrad", 'isd', "\e64a"), ("Innistrad", 'isd', "\e64a"),
("Dark Ascension", 'dka', "\e64b"), ("Dark Ascension", 'dka', "\e64b"),
("Avacyn Restored", 'avr', "\e64c"), ("Avacyn Restored", 'avr', "\e64c"),
// Return to Ravnica block
("Return to Ravnica", 'rtr', "\e64d"), ("Return to Ravnica", 'rtr', "\e64d"),
("Gatecrash", 'gtc', "\e64e"), ("Gatecrash", 'gtc', "\e64e"),
("Dragon's Maze", 'dgm', "\e64f"), ("Dragon's Maze", 'dgm', "\e64f"),
// Theros block
("Theros", 'ths', "\e650"), ("Theros", 'ths', "\e650"),
("Born of the Gods", 'bng', "\e651"), ("Born of the Gods", 'bng', "\e651"),
("Journey into Nyx", 'jou', "\e652"), ("Journey into Nyx", 'jou', "\e652"),
// Khans block
("Khans of Tarkir", 'ktk', "\e653"), ("Khans of Tarkir", 'ktk', "\e653"),
("Fate Reforged", 'frf', "\e654"), ("Fate Reforged", 'frf', "\e654"),
("Dragons of Tarkir", 'dtk', "\e693"), ("Dragons of Tarkir", 'dtk', "\e693"),
// Return to Zendikar block
("Battle for Zendikar", 'bfz', "\e699"), ("Battle for Zendikar", 'bfz', "\e699"),
("Oath of the", 'ogw', "\e901"), ("Oath of the Gatewatch", 'ogw', "\e901"),
("Shadows Over", 'soi', "\e902"), // Return to Innistrad block
("Shadows Over Innistrad", 'soi', "\e902"),
("Eldritch Moon", 'emn', "\e90b"), ("Eldritch Moon", 'emn', "\e90b"),
// Kaladesh block
("Kaladesh", 'kld', "\e90e"), ("Kaladesh", 'kld', "\e90e"),
("Aether Revolt", 'aer', "\e90f"), ("Aether Revolt", 'aer', "\e90f"),
// Amonkhet block
("Amonkhet", "akh", "\e914"),
// # Commander Sets
("Vanguard", 'van', "\e655"), ("Vanguard", 'van', "\e655"),
("Planechase 2009", 'hop', "\e656"), ("Planechase 2009", 'hop', "\e656"),
("Archenemy", 'arc', "\e657"), ("Archenemy", 'arc', "\e657"),
@ -207,6 +199,7 @@ $mtg_setlist: (
("Conspiracy 2, Take", 'cn2', "\e904"), ("Conspiracy 2, Take", 'cn2', "\e904"),
("Commander 2016", 'c16', "\e910"), ("Commander 2016", 'c16', "\e910"),
("Planechase", 'pca', "\e911"), ("Planechase", 'pca', "\e911"),
// # Reprint Sets
("Chronicles", 'chr', "\e65e"), ("Chronicles", 'chr', "\e65e"),
("Anthologies", 'ath', "\e65f"), ("Anthologies", 'ath', "\e65f"),
("Battle Royale", 'brb', "\e660"), ("Battle Royale", 'brb', "\e660"),
@ -216,12 +209,14 @@ $mtg_setlist: (
("Modern Masters 2015", 'mm2', "\e695"), ("Modern Masters 2015", 'mm2', "\e695"),
("Eternal Masters", 'ema', "\e903"), ("Eternal Masters", 'ema', "\e903"),
("Modern Masters 2017", 'mm3', "\e912"), ("Modern Masters 2017", 'mm3', "\e912"),
// # Beginner Sets
("Portal", 'por', "\e664"), ("Portal", 'por', "\e664"),
("Portal 2", 'po2', "\e665"), ("Portal 2", 'po2', "\e665"),
("Portal 3 Kingdoms", 'ptk', "\e666"), ("Portal 3 Kingdoms", 'ptk', "\e666"),
("Starter 1999", 's99', "\e667"), ("Starter 1999", 's99', "\e667"),
("Starter 2000", 's00', "\e668"), ("Starter 2000", 's00', "\e668"),
("Welcome Deck 2016", 'w16', "\e907"), ("Welcome Deck 2016", 'w16', "\e907"),
// # Duel Decks
("Elves vs. Goblins", 'evg', "\e669"), ("Elves vs. Goblins", 'evg', "\e669"),
("Jace vs. Chandra", 'dd2', "\e66a"), ("Jace vs. Chandra", 'dd2', "\e66a"),
("Divine vs. Demonic", 'ddc', "\e66b"), ("Divine vs. Demonic", 'ddc', "\e66b"),
@ -240,6 +235,7 @@ $mtg_setlist: (
("Zendikar vs.", 'ddp', "\e698"), ("Zendikar vs.", 'ddp', "\e698"),
("Blessed vs. Cursed", 'ddq', "\e908"), ("Blessed vs. Cursed", 'ddq', "\e908"),
("Nissa vs. Ob", 'ddr', "\e90d"), ("Nissa vs. Ob", 'ddr', "\e90d"),
// # From the Vault
("Dragons", 'drb', "\e678"), ("Dragons", 'drb', "\e678"),
("Exiled", 'v09', "\e679"), ("Exiled", 'v09', "\e679"),
("Relics", 'v10', "\e67a"), ("Relics", 'v10', "\e67a"),
@ -249,10 +245,12 @@ $mtg_setlist: (
("Annihilation", 'v14', "\e67e"), ("Annihilation", 'v14', "\e67e"),
("Angels", 'v15', "\e905"), ("Angels", 'v15', "\e905"),
("Lore", 'v16', "\e906"), ("Lore", 'v16', "\e906"),
// # Premium Deck Series
("Slivers", 'h09', "\e67f"), ("Slivers", 'h09', "\e67f"),
("Fire & Lightning", 'pd2', "\e680"), ("Fire & Lightning", 'pd2', "\e680"),
("Graveborn", 'pd3', "\e681"), ("Graveborn", 'pd3', "\e681"),
("Modern Event Deck", 'md1', "\e682"), ("Modern Event Deck", 'md1', "\e682"),
// # Promotional
("Guru", 'pgru', "\e683"), ("Guru", 'pgru', "\e683"),
("Magic symbol", 'pmtg1', "\e684"), ("Magic symbol", 'pmtg1', "\e684"),
("Magic symbol", 'pmtg2', "\e685"), ("Magic symbol", 'pmtg2', "\e685"),
@ -267,6 +265,7 @@ $mtg_setlist: (
("Salvat 2005", 'psalvat05', "\e909"), ("Salvat 2005", 'psalvat05', "\e909"),
("Salvat 2011", 'psalvat11', "\e90a"), ("Salvat 2011", 'psalvat11', "\e90a"),
("Masterpieces,", 'mp1', "\e913"), ("Masterpieces,", 'mp1', "\e913"),
// # Online Only
("Masters Edition", 'med', "\e68d"), ("Masters Edition", 'med', "\e68d"),
("Masters Edition II", 'me2', "\e68e"), ("Masters Edition II", 'me2', "\e68e"),
("Masters Edition III", 'me3', "\e68f"), ("Masters Edition III", 'me3', "\e68f"),
@ -274,6 +273,7 @@ $mtg_setlist: (
("Tempest Remastered", 'tpr', "\e694"), ("Tempest Remastered", 'tpr', "\e694"),
("Vintage Masters", 'vma', "\e696"), ("Vintage Masters", 'vma', "\e696"),
("Legendary Cube", 'xlcu', "\e90c"), ("Legendary Cube", 'xlcu', "\e90c"),
// # The Unsets
("Unglued", 'ugl', "\e691"), ("Unglued", 'ugl', "\e691"),
("Unhinged", 'unh', "\e692") ("Unhinged", 'unh', "\e692")
) !default; ) !default;

1
sass/keyrune.scss
View File

@ -3,7 +3,6 @@
// Config ====================================== // Config ======================================
// //
@import 'variables'; @import 'variables';
//@import 'settings'; // used for other users to overwrite default styles.
// Components ================================== // Components ==================================
// //