diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..528aa87 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,17 @@ +root = true + +[*] +end_of_line = lf +insert_final_newline = true + +[*.{js,md,json,html,yml,css,scss}] +charset = utf-8 +indent_style = space + +# 4 spaces for js, markdown, html, and css +[*.{js,md,html,css,scss}] +indent_size = 4 + +# 2 spaces for yml, json, and configs +[*.{yml,json,config.js}] +indent_size = 2 \ No newline at end of file diff --git a/dist/css/keyrune-full.css b/dist/css/keyrune-full.css index 7c3eb61..67f11b9 100644 --- a/dist/css/keyrune-full.css +++ b/dist/css/keyrune-full.css @@ -1,27 +1,28 @@ :root { - --border-default: #fff; - --border-contrast: #131417; - --rarity-default: #131417; - --inner-default: #fff; + --ss-border: #fff; + --ss-border-contrast: #131417; + --ss-inner: #fff; + --ss-rarity: #131417; + --ss-rarity-bg: transparent; } :root[data-mode=dark] { - --border-default: #ddd; - --border-contrast: #000; - --rarity-default: #000; - --inner-default: #fff; + --ss-border: #ddd; + --ss-border-contrast: #000; + --ss-rarity: #000; + --ss-inner: #fff; } @font-face { font-family: "keyrune"; - src: url("../font/keyrune.eot?4.0.38"); - src: url("../font/keyrune.eot?4.0.38#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.38") format("woff2"), url("../font/keyrune.ttf?4.0.38") format("truetype"), url("../font/keyrune.woff?4.0.38") format("woff"), url("../font/keyrune.svg?4.0.38#keyrune") format("svg"); + src: url("../font/keyrune.eot?4.0.57"); + src: url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.57") format("woff2"), url("../font/keyrune.ttf?4.0.57") format("truetype"), url("../font/keyrune.woff?4.0.57") format("woff"), url("../font/keyrune.svg?4.0.57#keyrune") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .ss { font-family: "keyrune" !important; - color: var(--icon-default); + color: var(--ss-rarity); speak: never; font-style: normal; font-weight: normal; @@ -33,6 +34,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.ss::before { + background: var(--ss-rarity-bg); +} .ss-lea::before { content: "\e000"; } @@ -600,6 +604,15 @@ .ss-uds.ss-inner::marker { content: "\f8ff"; } +.ss-s99::before { + content: "\e084"; +} +.ss-s99.ss-border::after { + content: "\e085"; +} +.ss-s99.ss-inner::marker { + content: "\f8ff"; +} .ss-legchr::before { content: "\f8f6"; } @@ -627,6 +640,15 @@ .ss-pgc98.ss-inner::marker { content: "\f8ff"; } +.ss-o90p::before { + content: "\f8f4"; +} +.ss-o90p.ss-border::after { + content: "\f8f3"; +} +.ss-o90p.ss-inner::marker { + content: "\f8ff"; +} .ss-po::before { content: "\f8f2"; } @@ -664,15 +686,15 @@ content: "\f8ff"; } .ss.ss-border::after { - color: var(--border-default); + color: var(--ss-border); position: absolute; left: 0; } .ss.ss-border.ss-rarity-common-alt::after, .ss.ss-border.ss-rarity-uncommon::after, .ss.ss-border.ss-rarity-rare::after, .ss.ss-border.ss-rarity-mythic::after, .ss.ss-border.ss-rarity-foil::after, .ss.ss-border.ss-border-black::after { - color: var(--border-contrast); + color: var(--ss-border-contrast); } -.ss.ss-border-white::after { - color: var(--border-default) !important; +.ss.ss-border-white { + --ss-border: #fff !important; } .ss.ss-inner { display: list-item; @@ -683,68 +705,103 @@ left: 0; } .ss.ss-inner::marker { - color: var(--inner-default); + color: var(--ss-inner); } .ss.ss-inner::before, .ss.ss-inner::after, .ss.ss-inner::marker { left: 50%; transform: translateX(-50%); } -.ss.ss-rarity-common::before { - color: #131417; +.ss.ss-rarity-common { + --ss-rarity: #131417; } .ss.ss-rarity-common.ss-rarity-gradient::before { - background: linear-gradient(90deg, #131417 0%, #131417 50%, #131417 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #131417 0%, + #131417 50%, + #131417 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-common-alt::before { - color: #fff; +.ss.ss-rarity-common-alt { + --ss-rarity: #fff; } .ss.ss-rarity-common-alt.ss-rarity-gradient::before { - background: linear-gradient(90deg, 0%, 50%, 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + 0%, + 50%, + 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-uncommon::before { - color: #707883; +.ss.ss-rarity-uncommon { + --ss-rarity: #707883; } .ss.ss-rarity-uncommon.ss-rarity-gradient::before { - background: linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #4d6572 0%, + #c3dfeb 50%, + #4d6572 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-rare::before { - color: #b7a066; +.ss.ss-rarity-rare { + --ss-rarity: #b7a066; } .ss.ss-rarity-rare.ss-rarity-gradient::before { - background: linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #7f6f43 0%, + #d9c287 50%, + #7f6f43 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-mythic::before { - color: #bf4427; +.ss.ss-rarity-mythic { + --ss-rarity: #d9640f; } .ss.ss-rarity-mythic.ss-rarity-gradient::before { - background: linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #c2381a 0%, + #f59700 50%, + #c2381a 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-foil::before { - color: #00afc9; +.ss.ss-rarity-foil { + --ss-rarity: #00afc9; } .ss.ss-rarity-foil.ss-rarity-gradient::before { - background: linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 135deg, + #ea8d66 0%, + #ea8d66 15%, + #fdef8a 28%, + #8bcc93 42%, + #a6dced 55%, + #6f75aa 68%, + #e599c2 84%, + #e599c2 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; diff --git a/dist/css/keyrune-full.css.map b/dist/css/keyrune-full.css.map index f361406..9a5e6f1 100644 --- a/dist/css/keyrune-full.css.map +++ b/dist/css/keyrune-full.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACZR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AC1BA;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;ADsDA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AAWI;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAOR;EACI;;AAEJ;EACI;EAUA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune-full.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune-full.css"} \ No newline at end of file diff --git a/dist/css/keyrune-full.min.css b/dist/css/keyrune-full.min.css index ffb7350..ebb24b3 100644 --- a/dist/css/keyrune-full.min.css +++ b/dist/css/keyrune-full.min.css @@ -1 +1 @@ -:root{--border-default: #fff;--border-contrast: #131417;--rarity-default: #131417;--inner-default: #fff}:root[data-mode=dark]{--border-default: #ddd;--border-contrast: #000;--rarity-default: #000;--inner-default: #fff}@font-face{font-family:"keyrune";src:url("../font/keyrune.eot?4.0.38");src:url("../font/keyrune.eot?4.0.38#iefix") format("embedded-opentype"),url("../font/keyrune.woff2?4.0.38") format("woff2"),url("../font/keyrune.ttf?4.0.38") format("truetype"),url("../font/keyrune.woff?4.0.38") format("woff"),url("../font/keyrune.svg?4.0.38#keyrune") format("svg");font-weight:normal;font-style:normal;font-display:block}.ss{font-family:"keyrune" !important;color:var(--icon-default);speak:never;font-style:normal;font-weight:normal;font-variant:normal;position:relative;text-transform:none;line-height:1;display:inline-flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss-lea::before{content:""}.ss-lea.ss-border::after{content:""}.ss-lea.ss-inner::marker{content:""}.ss-leb::before{content:""}.ss-leb.ss-border::after{content:""}.ss-leb.ss-inner::marker{content:""}.ss-2ed::before{content:""}.ss-2ed.ss-border::after{content:""}.ss-2ed.ss-inner::marker{content:""}.ss-ced::before{content:""}.ss-ced.ss-border::after{content:""}.ss-ced.ss-inner::marker{content:""}.ss-cei::before{content:""}.ss-cei.ss-border::after{content:""}.ss-cei.ss-inner::marker{content:""}.ss-arn::before{content:""}.ss-arn.ss-border::after{content:""}.ss-arn.ss-inner::marker{content:""}.ss-atq::before{content:""}.ss-atq.ss-border::after{content:""}.ss-atq.ss-inner::marker{content:""}.ss-3ed::before{content:""}.ss-3ed.ss-border::after{content:""}.ss-3ed.ss-inner::marker{content:""}.ss-fbb::before{content:""}.ss-fbb.ss-border::after{content:""}.ss-fbb.ss-inner::marker{content:""}.ss-leg::before{content:""}.ss-leg.ss-border::after{content:""}.ss-leg.ss-inner::marker{content:""}.ss-sum::before{content:""}.ss-sum.ss-border::after{content:""}.ss-sum.ss-inner::marker{content:""}.ss-pdrc::before{content:""}.ss-pdrc.ss-border::after{content:""}.ss-pdrc.ss-inner::marker{content:""}.ss-drk::before{content:""}.ss-drk.ss-border::after{content:""}.ss-drk.ss-inner::marker{content:""}.ss-phpr::before{content:""}.ss-phpr.ss-border::after{content:""}.ss-phpr.ss-inner::marker{content:""}.ss-fem::before{content:""}.ss-fem.ss-border::after{content:""}.ss-fem.ss-inner::marker{content:""}.ss-pmei::before{content:""}.ss-pmei.ss-border::after{content:""}.ss-pmei.ss-inner::marker{content:""}.ss-pleaf::before{content:""}.ss-pleaf.ss-border::after{content:""}.ss-pleaf.ss-inner::marker{content:""}.ss-o90p::before{content:""}.ss-o90p.ss-border::after{content:""}.ss-o90p.ss-inner::marker{content:""}.ss-pcel::before{content:""}.ss-pcel.ss-border::after{content:""}.ss-pcel.ss-inner::marker{content:""}.ss-olep::before{content:""}.ss-olep.ss-border::after{content:""}.ss-olep.ss-inner::marker{content:""}.ss-pmtg::before{content:""}.ss-pmtg.ss-border::after{content:""}.ss-pmtg.ss-inner::marker{content:""}.ss-plgm::before{content:""}.ss-plgm.ss-border::after{content:""}.ss-plgm.ss-inner::marker{content:""}.ss-parl::before{content:""}.ss-parl.ss-border::after{content:""}.ss-parl.ss-inner::marker{content:""}.ss-ptc::before{content:""}.ss-ptc.ss-border::after{content:""}.ss-ptc.ss-inner::marker{content:""}.ss-rqs::before{content:""}.ss-rqs.ss-border::after{content:""}.ss-rqs.ss-inner::marker{content:""}.ss-pred::before{content:""}.ss-pred.ss-border::after{content:""}.ss-pred.ss-inner::marker{content:""}.ss-wc97::before{content:""}.ss-wc97.ss-border::after{content:""}.ss-wc97.ss-inner::marker{content:""}.ss-jgp::before{content:""}.ss-jgp.ss-border::after{content:""}.ss-jgp.ss-inner::marker{content:""}.ss-wc98::before{content:""}.ss-wc98.ss-border::after{content:""}.ss-wc98.ss-inner::marker{content:""}.ss-4ed::before{content:""}.ss-4ed.ss-border::after{content:""}.ss-4ed.ss-inner::marker{content:""}.ss-4bb::before{content:""}.ss-4bb.ss-border::after{content:""}.ss-4bb.ss-inner::marker{content:""}.ss-ice::before{content:""}.ss-ice.ss-border::after{content:""}.ss-ice.ss-inner::marker{content:""}.ss-chr::before{content:""}.ss-chr.ss-border::after{content:""}.ss-chr.ss-inner::marker{content:""}.ss-ren::before{content:""}.ss-ren.ss-border::after{content:""}.ss-ren.ss-inner::marker{content:""}.ss-rin::before{content:""}.ss-rin.ss-border::after{content:""}.ss-rin.ss-inner::marker{content:""}.ss-hml::before{content:""}.ss-hml.ss-border::after{content:""}.ss-hml.ss-inner::marker{content:""}.ss-all::before{content:""}.ss-all.ss-border::after{content:""}.ss-all.ss-inner::marker{content:""}.ss-mir::before{content:""}.ss-mir.ss-border::after{content:""}.ss-mir.ss-inner::marker{content:""}.ss-itp::before{content:""}.ss-itp.ss-border::after{content:""}.ss-itp.ss-inner::marker{content:""}.ss-vis::before{content:""}.ss-vis.ss-border::after{content:""}.ss-vis.ss-inner::marker{content:""}.ss-mgb::before{content:""}.ss-mgb.ss-border::after{content:""}.ss-mgb.ss-inner::marker{content:""}.ss-5ed::before{content:""}.ss-5ed.ss-border::after{content:""}.ss-5ed.ss-inner::marker{content:""}.ss-past::before{content:""}.ss-past.ss-border::after{content:""}.ss-past.ss-inner::marker{content:""}.ss-pmic::before{content:""}.ss-pmic.ss-border::after{content:""}.ss-pmic.ss-inner::marker{content:""}.ss-por::before{content:""}.ss-por.ss-border::after{content:""}.ss-por.ss-inner::marker{content:""}.ss-pvan::before{content:""}.ss-pvan.ss-border::after{content:""}.ss-pvan.ss-inner::marker{content:""}.ss-van::before{content:""}.ss-van.ss-border::after{content:""}.ss-van.ss-inner::marker{content:""}.ss-wth::before{content:""}.ss-wth.ss-border::after{content:""}.ss-wth.ss-inner::marker{content:""}.ss-tmp::before{content:""}.ss-tmp.ss-border::after{content:""}.ss-tmp.ss-inner::marker{content:""}.ss-ptmp::before{content:""}.ss-ptmp.ss-border::after{content:""}.ss-ptmp.ss-inner::marker{content:""}.ss-sth::before{content:""}.ss-sth.ss-border::after{content:""}.ss-sth.ss-inner::marker{content:""}.ss-psth::before{content:""}.ss-psth.ss-border::after{content:""}.ss-psth.ss-inner::marker{content:""}.ss-exo::before{content:""}.ss-exo.ss-border::after{content:""}.ss-exo.ss-inner::marker{content:""}.ss-pexo::before{content:""}.ss-pexo.ss-border::after{content:""}.ss-pexo.ss-inner::marker{content:""}.ss-p02::before{content:""}.ss-p02.ss-border::after{content:""}.ss-p02.ss-inner::marker{content:""}.ss-ugl::before{content:""}.ss-ugl.ss-border::after{content:""}.ss-ugl.ss-inner::marker{content:""}.ss-tugl::before{content:""}.ss-tugl.ss-border::after{content:""}.ss-tugl.ss-inner::marker{content:""}.ss-palp::before{content:""}.ss-palp.ss-border::after{content:""}.ss-palp.ss-inner::marker{content:""}.ss-usg::before{content:""}.ss-usg.ss-border::after{content:""}.ss-usg.ss-inner::marker{content:""}.ss-ath::before{content:""}.ss-ath.ss-border::after{content:""}.ss-ath.ss-inner::marker{content:""}.ss-ulg::before{content:""}.ss-ulg.ss-border::after{content:""}.ss-ulg.ss-inner::marker{content:""}.ss-6ed::before{content:""}.ss-6ed.ss-border::after{content:""}.ss-6ed.ss-inner::marker{content:""}.ss-uds::before{content:""}.ss-uds.ss-border::after{content:""}.ss-uds.ss-inner::marker{content:""}.ss-legchr::before{content:""}.ss-legchr.ss-border::after{content:""}.ss-legchr.ss-inner::marker{content:""}.ss-leg2::before{content:""}.ss-leg2.ss-border::after{content:""}.ss-leg2.ss-inner::marker{content:""}.ss-pgc98::before{content:""}.ss-pgc98.ss-border::after{content:""}.ss-pgc98.ss-inner::marker{content:""}.ss-po::before{content:""}.ss-po.ss-border::after{content:""}.ss-po.ss-inner::marker{content:""}.ss-por2::before{content:""}.ss-por2.ss-border::after{content:""}.ss-por2.ss-inner::marker{content:""}.ss-wl::before{content:""}.ss-wl.ss-border::after{content:""}.ss-wl.ss-inner::marker{content:""}.ss-wth2::before{content:""}.ss-wth2.ss-border::after{content:""}.ss-wth2.ss-inner::marker{content:""}.ss.ss-border::after{color:var(--border-default);position:absolute;left:0}.ss.ss-border.ss-rarity-common-alt::after,.ss.ss-border.ss-rarity-uncommon::after,.ss.ss-border.ss-rarity-rare::after,.ss.ss-border.ss-rarity-mythic::after,.ss.ss-border.ss-rarity-foil::after,.ss.ss-border.ss-border-black::after{color:var(--border-contrast)}.ss.ss-border-white::after{color:var(--border-default) !important}.ss.ss-inner{display:list-item;list-style-position:inside}.ss.ss-inner::before{position:absolute;left:0}.ss.ss-inner::marker{color:var(--inner-default)}.ss.ss-inner::before,.ss.ss-inner::after,.ss.ss-inner::marker{left:50%;transform:translateX(-50%)}.ss.ss-rarity-common::before{color:#131417}.ss.ss-rarity-common.ss-rarity-gradient::before{background:linear-gradient(90deg, #131417 0%, #131417 50%, #131417 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-common-alt::before{color:#fff}.ss.ss-rarity-common-alt.ss-rarity-gradient::before{background:linear-gradient(90deg, 0%, 50%, 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-uncommon::before{color:#707883}.ss.ss-rarity-uncommon.ss-rarity-gradient::before{background:linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-rare::before{color:#b7a066}.ss.ss-rarity-rare.ss-rarity-gradient::before{background:linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-mythic::before{color:#bf4427}.ss.ss-rarity-mythic.ss-rarity-gradient::before{background:linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-foil::before{color:#00afc9}.ss.ss-rarity-foil.ss-rarity-gradient::before{background:linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-fw{width:1.75em;display:list-item;list-style-position:inside;text-align:center}.ss.ss-fw:not(.ss-inner){list-style:none}.ss.ss-fw.ss-border:not(.ss-inner)::after{left:50%;transform:translateX(-50%)}.ss.ss-white::before,.ss.ss-white::after,.ss.ss-white::marker{color:#fff}/*# sourceMappingURL=keyrune-full.min.css.map */ +:root{--ss-border: #fff;--ss-border-contrast: #131417;--ss-inner: #fff;--ss-rarity: #131417;--ss-rarity-bg: transparent}:root[data-mode=dark]{--ss-border: #ddd;--ss-border-contrast: #000;--ss-rarity: #000;--ss-inner: #fff}@font-face{font-family:"keyrune";src:url("../font/keyrune.eot?4.0.57");src:url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"),url("../font/keyrune.woff2?4.0.57") format("woff2"),url("../font/keyrune.ttf?4.0.57") format("truetype"),url("../font/keyrune.woff?4.0.57") format("woff"),url("../font/keyrune.svg?4.0.57#keyrune") format("svg");font-weight:normal;font-style:normal;font-display:block}.ss{font-family:"keyrune" !important;color:var(--ss-rarity);speak:never;font-style:normal;font-weight:normal;font-variant:normal;position:relative;text-transform:none;line-height:1;display:inline-flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss::before{background:var(--ss-rarity-bg)}.ss-lea::before{content:""}.ss-lea.ss-border::after{content:""}.ss-lea.ss-inner::marker{content:""}.ss-leb::before{content:""}.ss-leb.ss-border::after{content:""}.ss-leb.ss-inner::marker{content:""}.ss-2ed::before{content:""}.ss-2ed.ss-border::after{content:""}.ss-2ed.ss-inner::marker{content:""}.ss-ced::before{content:""}.ss-ced.ss-border::after{content:""}.ss-ced.ss-inner::marker{content:""}.ss-cei::before{content:""}.ss-cei.ss-border::after{content:""}.ss-cei.ss-inner::marker{content:""}.ss-arn::before{content:""}.ss-arn.ss-border::after{content:""}.ss-arn.ss-inner::marker{content:""}.ss-atq::before{content:""}.ss-atq.ss-border::after{content:""}.ss-atq.ss-inner::marker{content:""}.ss-3ed::before{content:""}.ss-3ed.ss-border::after{content:""}.ss-3ed.ss-inner::marker{content:""}.ss-fbb::before{content:""}.ss-fbb.ss-border::after{content:""}.ss-fbb.ss-inner::marker{content:""}.ss-leg::before{content:""}.ss-leg.ss-border::after{content:""}.ss-leg.ss-inner::marker{content:""}.ss-sum::before{content:""}.ss-sum.ss-border::after{content:""}.ss-sum.ss-inner::marker{content:""}.ss-pdrc::before{content:""}.ss-pdrc.ss-border::after{content:""}.ss-pdrc.ss-inner::marker{content:""}.ss-drk::before{content:""}.ss-drk.ss-border::after{content:""}.ss-drk.ss-inner::marker{content:""}.ss-phpr::before{content:""}.ss-phpr.ss-border::after{content:""}.ss-phpr.ss-inner::marker{content:""}.ss-fem::before{content:""}.ss-fem.ss-border::after{content:""}.ss-fem.ss-inner::marker{content:""}.ss-pmei::before{content:""}.ss-pmei.ss-border::after{content:""}.ss-pmei.ss-inner::marker{content:""}.ss-pleaf::before{content:""}.ss-pleaf.ss-border::after{content:""}.ss-pleaf.ss-inner::marker{content:""}.ss-o90p::before{content:""}.ss-o90p.ss-border::after{content:""}.ss-o90p.ss-inner::marker{content:""}.ss-pcel::before{content:""}.ss-pcel.ss-border::after{content:""}.ss-pcel.ss-inner::marker{content:""}.ss-olep::before{content:""}.ss-olep.ss-border::after{content:""}.ss-olep.ss-inner::marker{content:""}.ss-pmtg::before{content:""}.ss-pmtg.ss-border::after{content:""}.ss-pmtg.ss-inner::marker{content:""}.ss-plgm::before{content:""}.ss-plgm.ss-border::after{content:""}.ss-plgm.ss-inner::marker{content:""}.ss-parl::before{content:""}.ss-parl.ss-border::after{content:""}.ss-parl.ss-inner::marker{content:""}.ss-ptc::before{content:""}.ss-ptc.ss-border::after{content:""}.ss-ptc.ss-inner::marker{content:""}.ss-rqs::before{content:""}.ss-rqs.ss-border::after{content:""}.ss-rqs.ss-inner::marker{content:""}.ss-pred::before{content:""}.ss-pred.ss-border::after{content:""}.ss-pred.ss-inner::marker{content:""}.ss-wc97::before{content:""}.ss-wc97.ss-border::after{content:""}.ss-wc97.ss-inner::marker{content:""}.ss-jgp::before{content:""}.ss-jgp.ss-border::after{content:""}.ss-jgp.ss-inner::marker{content:""}.ss-wc98::before{content:""}.ss-wc98.ss-border::after{content:""}.ss-wc98.ss-inner::marker{content:""}.ss-4ed::before{content:""}.ss-4ed.ss-border::after{content:""}.ss-4ed.ss-inner::marker{content:""}.ss-4bb::before{content:""}.ss-4bb.ss-border::after{content:""}.ss-4bb.ss-inner::marker{content:""}.ss-ice::before{content:""}.ss-ice.ss-border::after{content:""}.ss-ice.ss-inner::marker{content:""}.ss-chr::before{content:""}.ss-chr.ss-border::after{content:""}.ss-chr.ss-inner::marker{content:""}.ss-ren::before{content:""}.ss-ren.ss-border::after{content:""}.ss-ren.ss-inner::marker{content:""}.ss-rin::before{content:""}.ss-rin.ss-border::after{content:""}.ss-rin.ss-inner::marker{content:""}.ss-hml::before{content:""}.ss-hml.ss-border::after{content:""}.ss-hml.ss-inner::marker{content:""}.ss-all::before{content:""}.ss-all.ss-border::after{content:""}.ss-all.ss-inner::marker{content:""}.ss-mir::before{content:""}.ss-mir.ss-border::after{content:""}.ss-mir.ss-inner::marker{content:""}.ss-itp::before{content:""}.ss-itp.ss-border::after{content:""}.ss-itp.ss-inner::marker{content:""}.ss-vis::before{content:""}.ss-vis.ss-border::after{content:""}.ss-vis.ss-inner::marker{content:""}.ss-mgb::before{content:""}.ss-mgb.ss-border::after{content:""}.ss-mgb.ss-inner::marker{content:""}.ss-5ed::before{content:""}.ss-5ed.ss-border::after{content:""}.ss-5ed.ss-inner::marker{content:""}.ss-past::before{content:""}.ss-past.ss-border::after{content:""}.ss-past.ss-inner::marker{content:""}.ss-pmic::before{content:""}.ss-pmic.ss-border::after{content:""}.ss-pmic.ss-inner::marker{content:""}.ss-por::before{content:""}.ss-por.ss-border::after{content:""}.ss-por.ss-inner::marker{content:""}.ss-pvan::before{content:""}.ss-pvan.ss-border::after{content:""}.ss-pvan.ss-inner::marker{content:""}.ss-van::before{content:""}.ss-van.ss-border::after{content:""}.ss-van.ss-inner::marker{content:""}.ss-wth::before{content:""}.ss-wth.ss-border::after{content:""}.ss-wth.ss-inner::marker{content:""}.ss-tmp::before{content:""}.ss-tmp.ss-border::after{content:""}.ss-tmp.ss-inner::marker{content:""}.ss-ptmp::before{content:""}.ss-ptmp.ss-border::after{content:""}.ss-ptmp.ss-inner::marker{content:""}.ss-sth::before{content:""}.ss-sth.ss-border::after{content:""}.ss-sth.ss-inner::marker{content:""}.ss-psth::before{content:""}.ss-psth.ss-border::after{content:""}.ss-psth.ss-inner::marker{content:""}.ss-exo::before{content:""}.ss-exo.ss-border::after{content:""}.ss-exo.ss-inner::marker{content:""}.ss-pexo::before{content:""}.ss-pexo.ss-border::after{content:""}.ss-pexo.ss-inner::marker{content:""}.ss-p02::before{content:""}.ss-p02.ss-border::after{content:""}.ss-p02.ss-inner::marker{content:""}.ss-ugl::before{content:""}.ss-ugl.ss-border::after{content:""}.ss-ugl.ss-inner::marker{content:""}.ss-tugl::before{content:""}.ss-tugl.ss-border::after{content:""}.ss-tugl.ss-inner::marker{content:""}.ss-palp::before{content:""}.ss-palp.ss-border::after{content:""}.ss-palp.ss-inner::marker{content:""}.ss-usg::before{content:""}.ss-usg.ss-border::after{content:""}.ss-usg.ss-inner::marker{content:""}.ss-ath::before{content:""}.ss-ath.ss-border::after{content:""}.ss-ath.ss-inner::marker{content:""}.ss-ulg::before{content:""}.ss-ulg.ss-border::after{content:""}.ss-ulg.ss-inner::marker{content:""}.ss-6ed::before{content:""}.ss-6ed.ss-border::after{content:""}.ss-6ed.ss-inner::marker{content:""}.ss-uds::before{content:""}.ss-uds.ss-border::after{content:""}.ss-uds.ss-inner::marker{content:""}.ss-s99::before{content:""}.ss-s99.ss-border::after{content:""}.ss-s99.ss-inner::marker{content:""}.ss-legchr::before{content:""}.ss-legchr.ss-border::after{content:""}.ss-legchr.ss-inner::marker{content:""}.ss-leg2::before{content:""}.ss-leg2.ss-border::after{content:""}.ss-leg2.ss-inner::marker{content:""}.ss-pgc98::before{content:""}.ss-pgc98.ss-border::after{content:""}.ss-pgc98.ss-inner::marker{content:""}.ss-o90p::before{content:""}.ss-o90p.ss-border::after{content:""}.ss-o90p.ss-inner::marker{content:""}.ss-po::before{content:""}.ss-po.ss-border::after{content:""}.ss-po.ss-inner::marker{content:""}.ss-por2::before{content:""}.ss-por2.ss-border::after{content:""}.ss-por2.ss-inner::marker{content:""}.ss-wl::before{content:""}.ss-wl.ss-border::after{content:""}.ss-wl.ss-inner::marker{content:""}.ss-wth2::before{content:""}.ss-wth2.ss-border::after{content:""}.ss-wth2.ss-inner::marker{content:""}.ss.ss-border::after{color:var(--ss-border);position:absolute;left:0}.ss.ss-border.ss-rarity-common-alt::after,.ss.ss-border.ss-rarity-uncommon::after,.ss.ss-border.ss-rarity-rare::after,.ss.ss-border.ss-rarity-mythic::after,.ss.ss-border.ss-rarity-foil::after,.ss.ss-border.ss-border-black::after{color:var(--ss-border-contrast)}.ss.ss-border-white{--ss-border: #fff !important}.ss.ss-inner{display:list-item;list-style-position:inside}.ss.ss-inner::before{position:absolute;left:0}.ss.ss-inner::marker{color:var(--ss-inner)}.ss.ss-inner::before,.ss.ss-inner::after,.ss.ss-inner::marker{left:50%;transform:translateX(-50%)}.ss.ss-rarity-common{--ss-rarity: #131417}.ss.ss-rarity-common.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #131417 0%, #131417 50%, #131417 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-common-alt{--ss-rarity: #fff}.ss.ss-rarity-common-alt.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, 0%, 50%, 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-uncommon{--ss-rarity: #707883}.ss.ss-rarity-uncommon.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-rare{--ss-rarity: #b7a066}.ss.ss-rarity-rare.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-mythic{--ss-rarity: #d9640f}.ss.ss-rarity-mythic.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #c2381a 0%, #f59700 50%, #c2381a 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-foil{--ss-rarity: #00afc9}.ss.ss-rarity-foil.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-fw{width:1.75em;display:list-item;list-style-position:inside;text-align:center}.ss.ss-fw:not(.ss-inner){list-style:none}.ss.ss-fw.ss-border:not(.ss-inner)::after{left:50%;transform:translateX(-50%)}.ss.ss-white::before,.ss.ss-white::after,.ss.ss-white::marker{color:#fff}/*# sourceMappingURL=keyrune-full.min.css.map */ diff --git a/dist/css/keyrune-full.min.css.map b/dist/css/keyrune-full.min.css.map index 2b4c3e1..b99f6f6 100644 --- a/dist/css/keyrune-full.min.css.map +++ b/dist/css/keyrune-full.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"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","file":"keyrune-full.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"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","file":"keyrune-full.min.css"} \ No newline at end of file diff --git a/dist/css/keyrune.css b/dist/css/keyrune.css index b403a03..2de12b4 100644 --- a/dist/css/keyrune.css +++ b/dist/css/keyrune.css @@ -1,27 +1,28 @@ :root { - --border-default: #fff; - --border-contrast: #131417; - --rarity-default: #131417; - --inner-default: #fff; + --ss-border: #fff; + --ss-border-contrast: #131417; + --ss-inner: #fff; + --ss-rarity: #131417; + --ss-rarity-bg: transparent; } :root[data-mode=dark] { - --border-default: #ddd; - --border-contrast: #000; - --rarity-default: #000; - --inner-default: #fff; + --ss-border: #ddd; + --ss-border-contrast: #000; + --ss-rarity: #000; + --ss-inner: #fff; } @font-face { font-family: "keyrune"; - src: url("../font/keyrune.eot?4.0.38"); - src: url("../font/keyrune.eot?4.0.38#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.38") format("woff2"), url("../font/keyrune.ttf?4.0.38") format("truetype"), url("../font/keyrune.woff?4.0.38") format("woff"), url("../font/keyrune.svg?4.0.38#keyrune") format("svg"); + src: url("../font/keyrune.eot?4.0.57"); + src: url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.57") format("woff2"), url("../font/keyrune.ttf?4.0.57") format("truetype"), url("../font/keyrune.woff?4.0.57") format("woff"), url("../font/keyrune.svg?4.0.57#keyrune") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .ss { font-family: "keyrune" !important; - color: var(--icon-default); + color: var(--ss-rarity); speak: never; font-style: normal; font-weight: normal; @@ -33,6 +34,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.ss::before { + background: var(--ss-rarity-bg); +} .ss-lea::before { content: "\e000"; } @@ -465,6 +469,15 @@ .ss-uds.ss-inner::marker { content: "\f8ff"; } +.ss-s99::before { + content: "\e084"; +} +.ss-s99.ss-border::after { + content: "\e085"; +} +.ss-s99.ss-inner::marker { + content: "\f8ff"; +} .ss-legchr::before { content: "\f8f6"; } @@ -529,15 +542,15 @@ content: "\f8ff"; } .ss.ss-border::after { - color: var(--border-default); + color: var(--ss-border); position: absolute; left: 0; } .ss.ss-border.ss-rarity-common-alt::after, .ss.ss-border.ss-rarity-uncommon::after, .ss.ss-border.ss-rarity-rare::after, .ss.ss-border.ss-rarity-mythic::after, .ss.ss-border.ss-rarity-foil::after, .ss.ss-border.ss-border-black::after { - color: var(--border-contrast); + color: var(--ss-border-contrast); } -.ss.ss-border-white::after { - color: var(--border-default) !important; +.ss.ss-border-white { + --ss-border: #fff !important; } .ss.ss-inner { display: list-item; @@ -548,68 +561,103 @@ left: 0; } .ss.ss-inner::marker { - color: var(--inner-default); + color: var(--ss-inner); } .ss.ss-inner::before, .ss.ss-inner::after, .ss.ss-inner::marker { left: 50%; transform: translateX(-50%); } -.ss.ss-rarity-common::before { - color: #131417; +.ss.ss-rarity-common { + --ss-rarity: #131417; } .ss.ss-rarity-common.ss-rarity-gradient::before { - background: linear-gradient(90deg, #131417 0%, #131417 50%, #131417 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #131417 0%, + #131417 50%, + #131417 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-common-alt::before { - color: #fff; +.ss.ss-rarity-common-alt { + --ss-rarity: #fff; } .ss.ss-rarity-common-alt.ss-rarity-gradient::before { - background: linear-gradient(90deg, 0%, 50%, 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + 0%, + 50%, + 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-uncommon::before { - color: #707883; +.ss.ss-rarity-uncommon { + --ss-rarity: #707883; } .ss.ss-rarity-uncommon.ss-rarity-gradient::before { - background: linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #4d6572 0%, + #c3dfeb 50%, + #4d6572 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-rare::before { - color: #b7a066; +.ss.ss-rarity-rare { + --ss-rarity: #b7a066; } .ss.ss-rarity-rare.ss-rarity-gradient::before { - background: linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #7f6f43 0%, + #d9c287 50%, + #7f6f43 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-mythic::before { - color: #bf4427; +.ss.ss-rarity-mythic { + --ss-rarity: #d9640f; } .ss.ss-rarity-mythic.ss-rarity-gradient::before { - background: linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #c2381a 0%, + #f59700 50%, + #c2381a 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-foil::before { - color: #00afc9; +.ss.ss-rarity-foil { + --ss-rarity: #00afc9; } .ss.ss-rarity-foil.ss-rarity-gradient::before { - background: linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 135deg, + #ea8d66 0%, + #ea8d66 15%, + #fdef8a 28%, + #8bcc93 42%, + #a6dced 55%, + #6f75aa 68%, + #e599c2 84%, + #e599c2 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; diff --git a/dist/css/keyrune.css.map b/dist/css/keyrune.css.map index 8801853..19b6f7e 100644 --- a/dist/css/keyrune.css.map +++ b/dist/css/keyrune.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACZR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AC1BA;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;ADsDA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AAWI;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAOR;EACI;;AAEJ;EACI;EAUA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} \ No newline at end of file diff --git a/dist/css/keyrune.min.css b/dist/css/keyrune.min.css index 3f2159d..717125f 100644 --- a/dist/css/keyrune.min.css +++ b/dist/css/keyrune.min.css @@ -1 +1 @@ -:root{--border-default: #fff;--border-contrast: #131417;--rarity-default: #131417;--inner-default: #fff}:root[data-mode=dark]{--border-default: #ddd;--border-contrast: #000;--rarity-default: #000;--inner-default: #fff}@font-face{font-family:"keyrune";src:url("../font/keyrune.eot?4.0.38");src:url("../font/keyrune.eot?4.0.38#iefix") format("embedded-opentype"),url("../font/keyrune.woff2?4.0.38") format("woff2"),url("../font/keyrune.ttf?4.0.38") format("truetype"),url("../font/keyrune.woff?4.0.38") format("woff"),url("../font/keyrune.svg?4.0.38#keyrune") format("svg");font-weight:normal;font-style:normal;font-display:block}.ss{font-family:"keyrune" !important;color:var(--icon-default);speak:never;font-style:normal;font-weight:normal;font-variant:normal;position:relative;text-transform:none;line-height:1;display:inline-flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss-lea::before{content:""}.ss-lea.ss-border::after{content:""}.ss-lea.ss-inner::marker{content:""}.ss-leb::before{content:""}.ss-leb.ss-border::after{content:""}.ss-leb.ss-inner::marker{content:""}.ss-2ed::before{content:""}.ss-2ed.ss-border::after{content:""}.ss-2ed.ss-inner::marker{content:""}.ss-ced::before{content:""}.ss-ced.ss-border::after{content:""}.ss-ced.ss-inner::marker{content:""}.ss-cei::before{content:""}.ss-cei.ss-border::after{content:""}.ss-cei.ss-inner::marker{content:""}.ss-arn::before{content:""}.ss-arn.ss-border::after{content:""}.ss-arn.ss-inner::marker{content:""}.ss-atq::before{content:""}.ss-atq.ss-border::after{content:""}.ss-atq.ss-inner::marker{content:""}.ss-3ed::before{content:""}.ss-3ed.ss-border::after{content:""}.ss-3ed.ss-inner::marker{content:""}.ss-fbb::before{content:""}.ss-fbb.ss-border::after{content:""}.ss-fbb.ss-inner::marker{content:""}.ss-leg::before{content:""}.ss-leg.ss-border::after{content:""}.ss-leg.ss-inner::marker{content:""}.ss-sum::before{content:""}.ss-sum.ss-border::after{content:""}.ss-sum.ss-inner::marker{content:""}.ss-pdrc::before{content:""}.ss-pdrc.ss-border::after{content:""}.ss-pdrc.ss-inner::marker{content:""}.ss-drk::before{content:""}.ss-drk.ss-border::after{content:""}.ss-drk.ss-inner::marker{content:""}.ss-phpr::before{content:""}.ss-phpr.ss-border::after{content:""}.ss-phpr.ss-inner::marker{content:""}.ss-fem::before{content:""}.ss-fem.ss-border::after{content:""}.ss-fem.ss-inner::marker{content:""}.ss-pmei::before{content:""}.ss-pmei.ss-border::after{content:""}.ss-pmei.ss-inner::marker{content:""}.ss-pleaf::before{content:""}.ss-pleaf.ss-border::after{content:""}.ss-pleaf.ss-inner::marker{content:""}.ss-pmtg::before{content:""}.ss-pmtg.ss-border::after{content:""}.ss-pmtg.ss-inner::marker{content:""}.ss-plgm::before{content:""}.ss-plgm.ss-border::after{content:""}.ss-plgm.ss-inner::marker{content:""}.ss-parl::before{content:""}.ss-parl.ss-border::after{content:""}.ss-parl.ss-inner::marker{content:""}.ss-4ed::before{content:""}.ss-4ed.ss-border::after{content:""}.ss-4ed.ss-inner::marker{content:""}.ss-4bb::before{content:""}.ss-4bb.ss-border::after{content:""}.ss-4bb.ss-inner::marker{content:""}.ss-ice::before{content:""}.ss-ice.ss-border::after{content:""}.ss-ice.ss-inner::marker{content:""}.ss-chr::before{content:""}.ss-chr.ss-border::after{content:""}.ss-chr.ss-inner::marker{content:""}.ss-ren::before{content:""}.ss-ren.ss-border::after{content:""}.ss-ren.ss-inner::marker{content:""}.ss-rin::before{content:""}.ss-rin.ss-border::after{content:""}.ss-rin.ss-inner::marker{content:""}.ss-hml::before{content:""}.ss-hml.ss-border::after{content:""}.ss-hml.ss-inner::marker{content:""}.ss-all::before{content:""}.ss-all.ss-border::after{content:""}.ss-all.ss-inner::marker{content:""}.ss-mir::before{content:""}.ss-mir.ss-border::after{content:""}.ss-mir.ss-inner::marker{content:""}.ss-itp::before{content:""}.ss-itp.ss-border::after{content:""}.ss-itp.ss-inner::marker{content:""}.ss-vis::before{content:""}.ss-vis.ss-border::after{content:""}.ss-vis.ss-inner::marker{content:""}.ss-5ed::before{content:""}.ss-5ed.ss-border::after{content:""}.ss-5ed.ss-inner::marker{content:""}.ss-past::before{content:""}.ss-past.ss-border::after{content:""}.ss-past.ss-inner::marker{content:""}.ss-por::before{content:""}.ss-por.ss-border::after{content:""}.ss-por.ss-inner::marker{content:""}.ss-pvan::before{content:""}.ss-pvan.ss-border::after{content:""}.ss-pvan.ss-inner::marker{content:""}.ss-van::before{content:""}.ss-van.ss-border::after{content:""}.ss-van.ss-inner::marker{content:""}.ss-wth::before{content:""}.ss-wth.ss-border::after{content:""}.ss-wth.ss-inner::marker{content:""}.ss-tmp::before{content:""}.ss-tmp.ss-border::after{content:""}.ss-tmp.ss-inner::marker{content:""}.ss-sth::before{content:""}.ss-sth.ss-border::after{content:""}.ss-sth.ss-inner::marker{content:""}.ss-exo::before{content:""}.ss-exo.ss-border::after{content:""}.ss-exo.ss-inner::marker{content:""}.ss-p02::before{content:""}.ss-p02.ss-border::after{content:""}.ss-p02.ss-inner::marker{content:""}.ss-ugl::before{content:""}.ss-ugl.ss-border::after{content:""}.ss-ugl.ss-inner::marker{content:""}.ss-palp::before{content:""}.ss-palp.ss-border::after{content:""}.ss-palp.ss-inner::marker{content:""}.ss-usg::before{content:""}.ss-usg.ss-border::after{content:""}.ss-usg.ss-inner::marker{content:""}.ss-ath::before{content:""}.ss-ath.ss-border::after{content:""}.ss-ath.ss-inner::marker{content:""}.ss-ulg::before{content:""}.ss-ulg.ss-border::after{content:""}.ss-ulg.ss-inner::marker{content:""}.ss-6ed::before{content:""}.ss-6ed.ss-border::after{content:""}.ss-6ed.ss-inner::marker{content:""}.ss-uds::before{content:""}.ss-uds.ss-border::after{content:""}.ss-uds.ss-inner::marker{content:""}.ss-legchr::before{content:""}.ss-legchr.ss-border::after{content:""}.ss-legchr.ss-inner::marker{content:""}.ss-leg2::before{content:""}.ss-leg2.ss-border::after{content:""}.ss-leg2.ss-inner::marker{content:""}.ss-pgc98::before{content:""}.ss-pgc98.ss-border::after{content:""}.ss-pgc98.ss-inner::marker{content:""}.ss-po::before{content:""}.ss-po.ss-border::after{content:""}.ss-po.ss-inner::marker{content:""}.ss-por2::before{content:""}.ss-por2.ss-border::after{content:""}.ss-por2.ss-inner::marker{content:""}.ss-wl::before{content:""}.ss-wl.ss-border::after{content:""}.ss-wl.ss-inner::marker{content:""}.ss-wth2::before{content:""}.ss-wth2.ss-border::after{content:""}.ss-wth2.ss-inner::marker{content:""}.ss.ss-border::after{color:var(--border-default);position:absolute;left:0}.ss.ss-border.ss-rarity-common-alt::after,.ss.ss-border.ss-rarity-uncommon::after,.ss.ss-border.ss-rarity-rare::after,.ss.ss-border.ss-rarity-mythic::after,.ss.ss-border.ss-rarity-foil::after,.ss.ss-border.ss-border-black::after{color:var(--border-contrast)}.ss.ss-border-white::after{color:var(--border-default) !important}.ss.ss-inner{display:list-item;list-style-position:inside}.ss.ss-inner::before{position:absolute;left:0}.ss.ss-inner::marker{color:var(--inner-default)}.ss.ss-inner::before,.ss.ss-inner::after,.ss.ss-inner::marker{left:50%;transform:translateX(-50%)}.ss.ss-rarity-common::before{color:#131417}.ss.ss-rarity-common.ss-rarity-gradient::before{background:linear-gradient(90deg, #131417 0%, #131417 50%, #131417 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-common-alt::before{color:#fff}.ss.ss-rarity-common-alt.ss-rarity-gradient::before{background:linear-gradient(90deg, 0%, 50%, 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-uncommon::before{color:#707883}.ss.ss-rarity-uncommon.ss-rarity-gradient::before{background:linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-rare::before{color:#b7a066}.ss.ss-rarity-rare.ss-rarity-gradient::before{background:linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-mythic::before{color:#bf4427}.ss.ss-rarity-mythic.ss-rarity-gradient::before{background:linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-foil::before{color:#00afc9}.ss.ss-rarity-foil.ss-rarity-gradient::before{background:linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%);color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-fw{width:1.75em;display:list-item;list-style-position:inside;text-align:center}.ss.ss-fw:not(.ss-inner){list-style:none}.ss.ss-fw.ss-border:not(.ss-inner)::after{left:50%;transform:translateX(-50%)}.ss.ss-white::before,.ss.ss-white::after,.ss.ss-white::marker{color:#fff}/*# sourceMappingURL=keyrune.min.css.map */ +:root{--ss-border: #fff;--ss-border-contrast: #131417;--ss-inner: #fff;--ss-rarity: #131417;--ss-rarity-bg: transparent}:root[data-mode=dark]{--ss-border: #ddd;--ss-border-contrast: #000;--ss-rarity: #000;--ss-inner: #fff}@font-face{font-family:"keyrune";src:url("../font/keyrune.eot?4.0.57");src:url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"),url("../font/keyrune.woff2?4.0.57") format("woff2"),url("../font/keyrune.ttf?4.0.57") format("truetype"),url("../font/keyrune.woff?4.0.57") format("woff"),url("../font/keyrune.svg?4.0.57#keyrune") format("svg");font-weight:normal;font-style:normal;font-display:block}.ss{font-family:"keyrune" !important;color:var(--ss-rarity);speak:never;font-style:normal;font-weight:normal;font-variant:normal;position:relative;text-transform:none;line-height:1;display:inline-flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss::before{background:var(--ss-rarity-bg)}.ss-lea::before{content:""}.ss-lea.ss-border::after{content:""}.ss-lea.ss-inner::marker{content:""}.ss-leb::before{content:""}.ss-leb.ss-border::after{content:""}.ss-leb.ss-inner::marker{content:""}.ss-2ed::before{content:""}.ss-2ed.ss-border::after{content:""}.ss-2ed.ss-inner::marker{content:""}.ss-ced::before{content:""}.ss-ced.ss-border::after{content:""}.ss-ced.ss-inner::marker{content:""}.ss-cei::before{content:""}.ss-cei.ss-border::after{content:""}.ss-cei.ss-inner::marker{content:""}.ss-arn::before{content:""}.ss-arn.ss-border::after{content:""}.ss-arn.ss-inner::marker{content:""}.ss-atq::before{content:""}.ss-atq.ss-border::after{content:""}.ss-atq.ss-inner::marker{content:""}.ss-3ed::before{content:""}.ss-3ed.ss-border::after{content:""}.ss-3ed.ss-inner::marker{content:""}.ss-fbb::before{content:""}.ss-fbb.ss-border::after{content:""}.ss-fbb.ss-inner::marker{content:""}.ss-leg::before{content:""}.ss-leg.ss-border::after{content:""}.ss-leg.ss-inner::marker{content:""}.ss-sum::before{content:""}.ss-sum.ss-border::after{content:""}.ss-sum.ss-inner::marker{content:""}.ss-pdrc::before{content:""}.ss-pdrc.ss-border::after{content:""}.ss-pdrc.ss-inner::marker{content:""}.ss-drk::before{content:""}.ss-drk.ss-border::after{content:""}.ss-drk.ss-inner::marker{content:""}.ss-phpr::before{content:""}.ss-phpr.ss-border::after{content:""}.ss-phpr.ss-inner::marker{content:""}.ss-fem::before{content:""}.ss-fem.ss-border::after{content:""}.ss-fem.ss-inner::marker{content:""}.ss-pmei::before{content:""}.ss-pmei.ss-border::after{content:""}.ss-pmei.ss-inner::marker{content:""}.ss-pleaf::before{content:""}.ss-pleaf.ss-border::after{content:""}.ss-pleaf.ss-inner::marker{content:""}.ss-pmtg::before{content:""}.ss-pmtg.ss-border::after{content:""}.ss-pmtg.ss-inner::marker{content:""}.ss-plgm::before{content:""}.ss-plgm.ss-border::after{content:""}.ss-plgm.ss-inner::marker{content:""}.ss-parl::before{content:""}.ss-parl.ss-border::after{content:""}.ss-parl.ss-inner::marker{content:""}.ss-4ed::before{content:""}.ss-4ed.ss-border::after{content:""}.ss-4ed.ss-inner::marker{content:""}.ss-4bb::before{content:""}.ss-4bb.ss-border::after{content:""}.ss-4bb.ss-inner::marker{content:""}.ss-ice::before{content:""}.ss-ice.ss-border::after{content:""}.ss-ice.ss-inner::marker{content:""}.ss-chr::before{content:""}.ss-chr.ss-border::after{content:""}.ss-chr.ss-inner::marker{content:""}.ss-ren::before{content:""}.ss-ren.ss-border::after{content:""}.ss-ren.ss-inner::marker{content:""}.ss-rin::before{content:""}.ss-rin.ss-border::after{content:""}.ss-rin.ss-inner::marker{content:""}.ss-hml::before{content:""}.ss-hml.ss-border::after{content:""}.ss-hml.ss-inner::marker{content:""}.ss-all::before{content:""}.ss-all.ss-border::after{content:""}.ss-all.ss-inner::marker{content:""}.ss-mir::before{content:""}.ss-mir.ss-border::after{content:""}.ss-mir.ss-inner::marker{content:""}.ss-itp::before{content:""}.ss-itp.ss-border::after{content:""}.ss-itp.ss-inner::marker{content:""}.ss-vis::before{content:""}.ss-vis.ss-border::after{content:""}.ss-vis.ss-inner::marker{content:""}.ss-5ed::before{content:""}.ss-5ed.ss-border::after{content:""}.ss-5ed.ss-inner::marker{content:""}.ss-past::before{content:""}.ss-past.ss-border::after{content:""}.ss-past.ss-inner::marker{content:""}.ss-por::before{content:""}.ss-por.ss-border::after{content:""}.ss-por.ss-inner::marker{content:""}.ss-pvan::before{content:""}.ss-pvan.ss-border::after{content:""}.ss-pvan.ss-inner::marker{content:""}.ss-van::before{content:""}.ss-van.ss-border::after{content:""}.ss-van.ss-inner::marker{content:""}.ss-wth::before{content:""}.ss-wth.ss-border::after{content:""}.ss-wth.ss-inner::marker{content:""}.ss-tmp::before{content:""}.ss-tmp.ss-border::after{content:""}.ss-tmp.ss-inner::marker{content:""}.ss-sth::before{content:""}.ss-sth.ss-border::after{content:""}.ss-sth.ss-inner::marker{content:""}.ss-exo::before{content:""}.ss-exo.ss-border::after{content:""}.ss-exo.ss-inner::marker{content:""}.ss-p02::before{content:""}.ss-p02.ss-border::after{content:""}.ss-p02.ss-inner::marker{content:""}.ss-ugl::before{content:""}.ss-ugl.ss-border::after{content:""}.ss-ugl.ss-inner::marker{content:""}.ss-palp::before{content:""}.ss-palp.ss-border::after{content:""}.ss-palp.ss-inner::marker{content:""}.ss-usg::before{content:""}.ss-usg.ss-border::after{content:""}.ss-usg.ss-inner::marker{content:""}.ss-ath::before{content:""}.ss-ath.ss-border::after{content:""}.ss-ath.ss-inner::marker{content:""}.ss-ulg::before{content:""}.ss-ulg.ss-border::after{content:""}.ss-ulg.ss-inner::marker{content:""}.ss-6ed::before{content:""}.ss-6ed.ss-border::after{content:""}.ss-6ed.ss-inner::marker{content:""}.ss-uds::before{content:""}.ss-uds.ss-border::after{content:""}.ss-uds.ss-inner::marker{content:""}.ss-s99::before{content:""}.ss-s99.ss-border::after{content:""}.ss-s99.ss-inner::marker{content:""}.ss-legchr::before{content:""}.ss-legchr.ss-border::after{content:""}.ss-legchr.ss-inner::marker{content:""}.ss-leg2::before{content:""}.ss-leg2.ss-border::after{content:""}.ss-leg2.ss-inner::marker{content:""}.ss-pgc98::before{content:""}.ss-pgc98.ss-border::after{content:""}.ss-pgc98.ss-inner::marker{content:""}.ss-po::before{content:""}.ss-po.ss-border::after{content:""}.ss-po.ss-inner::marker{content:""}.ss-por2::before{content:""}.ss-por2.ss-border::after{content:""}.ss-por2.ss-inner::marker{content:""}.ss-wl::before{content:""}.ss-wl.ss-border::after{content:""}.ss-wl.ss-inner::marker{content:""}.ss-wth2::before{content:""}.ss-wth2.ss-border::after{content:""}.ss-wth2.ss-inner::marker{content:""}.ss.ss-border::after{color:var(--ss-border);position:absolute;left:0}.ss.ss-border.ss-rarity-common-alt::after,.ss.ss-border.ss-rarity-uncommon::after,.ss.ss-border.ss-rarity-rare::after,.ss.ss-border.ss-rarity-mythic::after,.ss.ss-border.ss-rarity-foil::after,.ss.ss-border.ss-border-black::after{color:var(--ss-border-contrast)}.ss.ss-border-white{--ss-border: #fff !important}.ss.ss-inner{display:list-item;list-style-position:inside}.ss.ss-inner::before{position:absolute;left:0}.ss.ss-inner::marker{color:var(--ss-inner)}.ss.ss-inner::before,.ss.ss-inner::after,.ss.ss-inner::marker{left:50%;transform:translateX(-50%)}.ss.ss-rarity-common{--ss-rarity: #131417}.ss.ss-rarity-common.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #131417 0%, #131417 50%, #131417 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-common-alt{--ss-rarity: #fff}.ss.ss-rarity-common-alt.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, 0%, 50%, 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-uncommon{--ss-rarity: #707883}.ss.ss-rarity-uncommon.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-rare{--ss-rarity: #b7a066}.ss.ss-rarity-rare.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-mythic{--ss-rarity: #d9640f}.ss.ss-rarity-mythic.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 90deg, #c2381a 0%, #f59700 50%, #c2381a 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-rarity-foil{--ss-rarity: #00afc9}.ss.ss-rarity-foil.ss-rarity-gradient::before{--ss-rarity-bg: linear-gradient( 135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%);--ss-rarity: transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ss.ss-fw{width:1.75em;display:list-item;list-style-position:inside;text-align:center}.ss.ss-fw:not(.ss-inner){list-style:none}.ss.ss-fw.ss-border:not(.ss-inner)::after{left:50%;transform:translateX(-50%)}.ss.ss-white::before,.ss.ss-white::after,.ss.ss-white::marker{color:#fff}/*# sourceMappingURL=keyrune.min.css.map */ diff --git a/dist/css/keyrune.min.css.map b/dist/css/keyrune.min.css.map index f5956e4..2a031dd 100644 --- a/dist/css/keyrune.min.css.map +++ b/dist/css/keyrune.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"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","file":"keyrune.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"CAEA,MACI,kBACA,8BACA,iBACA,qBACA,4BAEA,sBACI,kBACA,2BACA,kBACA,iBCbR,WACI,sBACA,sCACA,2RAKA,mBACA,kBACA,mBAIJ,IAGI,iCACA,uBACA,YACA,kBACA,mBACA,oBACA,kBACA,oBACA,cACA,oBAGA,mCACA,kCAGA,YACI,+BC9BJ,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YD0DA,qBACI,uBACA,kBACA,OAIJ,qOAMI,gCAIJ,oBACI,6BAMR,aAGI,kBACA,2BAGA,qBACI,kBACA,OAIJ,qBACI,sBAIJ,8DAGI,SACA,2BASA,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,yBAEI,kBAEA,oDACI,uDAMA,yBACA,qBACA,6BACA,sCAdR,uBAEI,qBAEA,kDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,mBAEI,qBAEA,8CACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAMZ,mBACI,qBACA,8CACI,iJAWA,yBACA,qBACA,6BACA,sCAMZ,UAGI,aACA,kBACA,2BACA,kBAGA,yBACI,gBAIJ,0CACI,SACA,2BAMJ,8DAGI","file":"keyrune.min.css"} \ No newline at end of file diff --git a/dist/font/keyrune.eot b/dist/font/keyrune.eot index 45f37f1..e186aaf 100644 Binary files a/dist/font/keyrune.eot and b/dist/font/keyrune.eot differ diff --git a/dist/font/keyrune.svg b/dist/font/keyrune.svg index 822ca1b..f2ec647 100644 --- a/dist/font/keyrune.svg +++ b/dist/font/keyrune.svg @@ -7,7 +7,7 @@ { "fontFamily": "keyrune", "majorVersion": 4, - "minorVersion": 0.46, + "minorVersion": 0.48, "fontURL": "https://keyrune.andrewgioia.com", "description": "Magic: the Gathering set symbol pictographic font\nFont generated by IcoMoon.", "copyright": "2022", @@ -32,9 +32,9 @@ - - - + + + diff --git a/dist/font/keyrune.ttf b/dist/font/keyrune.ttf index 4281af4..90e2548 100644 Binary files a/dist/font/keyrune.ttf and b/dist/font/keyrune.ttf differ diff --git a/dist/font/keyrune.woff b/dist/font/keyrune.woff index d52a2d8..5e43c27 100644 Binary files a/dist/font/keyrune.woff and b/dist/font/keyrune.woff differ diff --git a/dist/font/keyrune.woff2 b/dist/font/keyrune.woff2 index 2a7173c..65bff23 100644 Binary files a/dist/font/keyrune.woff2 and b/dist/font/keyrune.woff2 differ diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f212fce..ef49788 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1228,11 +1228,14 @@ menu.group label.right { margin-bottom: 4rem; } } -:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner::before { - color: #000 !important; +:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner, +:root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common.ss-inner { + --ss-rarity: #000 !important; } -:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-border:not(.ss-inner)::after { - color: #000 !important; +:root[data-mode=dark] #icons figure .ss.ss-rarity-common:not(.ss-inner), +:root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common:not(.ss-inner) { + --ss-rarity: #fff !important; + --ss-border: #000 !important; } form .input-wrapper svg { @@ -1347,14 +1350,10 @@ object details .icon { padding: 2rem 0.5rem 1rem; } object details .icon i.ss { - color: var(--text-default); font-size: 8em; line-height: 1.75ex; padding-bottom: 1.5rem; } -object details .icon i.ss.ss-rarity-common:not(.ss-inner)::before { - color: var(--text-default) !important; -} object details .icon-controls { display: none; } diff --git a/docs/assets/css/keyrune.css b/docs/assets/css/keyrune.css index b403a03..2de12b4 100644 --- a/docs/assets/css/keyrune.css +++ b/docs/assets/css/keyrune.css @@ -1,27 +1,28 @@ :root { - --border-default: #fff; - --border-contrast: #131417; - --rarity-default: #131417; - --inner-default: #fff; + --ss-border: #fff; + --ss-border-contrast: #131417; + --ss-inner: #fff; + --ss-rarity: #131417; + --ss-rarity-bg: transparent; } :root[data-mode=dark] { - --border-default: #ddd; - --border-contrast: #000; - --rarity-default: #000; - --inner-default: #fff; + --ss-border: #ddd; + --ss-border-contrast: #000; + --ss-rarity: #000; + --ss-inner: #fff; } @font-face { font-family: "keyrune"; - src: url("../font/keyrune.eot?4.0.38"); - src: url("../font/keyrune.eot?4.0.38#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.38") format("woff2"), url("../font/keyrune.ttf?4.0.38") format("truetype"), url("../font/keyrune.woff?4.0.38") format("woff"), url("../font/keyrune.svg?4.0.38#keyrune") format("svg"); + src: url("../font/keyrune.eot?4.0.57"); + src: url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.57") format("woff2"), url("../font/keyrune.ttf?4.0.57") format("truetype"), url("../font/keyrune.woff?4.0.57") format("woff"), url("../font/keyrune.svg?4.0.57#keyrune") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .ss { font-family: "keyrune" !important; - color: var(--icon-default); + color: var(--ss-rarity); speak: never; font-style: normal; font-weight: normal; @@ -33,6 +34,9 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +.ss::before { + background: var(--ss-rarity-bg); +} .ss-lea::before { content: "\e000"; } @@ -465,6 +469,15 @@ .ss-uds.ss-inner::marker { content: "\f8ff"; } +.ss-s99::before { + content: "\e084"; +} +.ss-s99.ss-border::after { + content: "\e085"; +} +.ss-s99.ss-inner::marker { + content: "\f8ff"; +} .ss-legchr::before { content: "\f8f6"; } @@ -529,15 +542,15 @@ content: "\f8ff"; } .ss.ss-border::after { - color: var(--border-default); + color: var(--ss-border); position: absolute; left: 0; } .ss.ss-border.ss-rarity-common-alt::after, .ss.ss-border.ss-rarity-uncommon::after, .ss.ss-border.ss-rarity-rare::after, .ss.ss-border.ss-rarity-mythic::after, .ss.ss-border.ss-rarity-foil::after, .ss.ss-border.ss-border-black::after { - color: var(--border-contrast); + color: var(--ss-border-contrast); } -.ss.ss-border-white::after { - color: var(--border-default) !important; +.ss.ss-border-white { + --ss-border: #fff !important; } .ss.ss-inner { display: list-item; @@ -548,68 +561,103 @@ left: 0; } .ss.ss-inner::marker { - color: var(--inner-default); + color: var(--ss-inner); } .ss.ss-inner::before, .ss.ss-inner::after, .ss.ss-inner::marker { left: 50%; transform: translateX(-50%); } -.ss.ss-rarity-common::before { - color: #131417; +.ss.ss-rarity-common { + --ss-rarity: #131417; } .ss.ss-rarity-common.ss-rarity-gradient::before { - background: linear-gradient(90deg, #131417 0%, #131417 50%, #131417 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #131417 0%, + #131417 50%, + #131417 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-common-alt::before { - color: #fff; +.ss.ss-rarity-common-alt { + --ss-rarity: #fff; } .ss.ss-rarity-common-alt.ss-rarity-gradient::before { - background: linear-gradient(90deg, 0%, 50%, 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + 0%, + 50%, + 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-uncommon::before { - color: #707883; +.ss.ss-rarity-uncommon { + --ss-rarity: #707883; } .ss.ss-rarity-uncommon.ss-rarity-gradient::before { - background: linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #4d6572 0%, + #c3dfeb 50%, + #4d6572 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-rare::before { - color: #b7a066; +.ss.ss-rarity-rare { + --ss-rarity: #b7a066; } .ss.ss-rarity-rare.ss-rarity-gradient::before { - background: linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #7f6f43 0%, + #d9c287 50%, + #7f6f43 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-mythic::before { - color: #bf4427; +.ss.ss-rarity-mythic { + --ss-rarity: #d9640f; } .ss.ss-rarity-mythic.ss-rarity-gradient::before { - background: linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #c2381a 0%, + #f59700 50%, + #c2381a 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } -.ss.ss-rarity-foil::before { - color: #00afc9; +.ss.ss-rarity-foil { + --ss-rarity: #00afc9; } .ss.ss-rarity-foil.ss-rarity-gradient::before { - background: linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 135deg, + #ea8d66 0%, + #ea8d66 15%, + #fdef8a 28%, + #8bcc93 42%, + #a6dced 55%, + #6f75aa 68%, + #e599c2 84%, + #e599c2 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; diff --git a/docs/assets/css/keyrune.css.map b/docs/assets/css/keyrune.css.map index 8801853..19b6f7e 100644 --- a/docs/assets/css/keyrune.css.map +++ b/docs/assets/css/keyrune.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACZR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AC1BA;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;ADsDA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AAWI;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAbJ;EACI;;AAGJ;EACI;EAKA;EACA;EACA;EACA;;AAOR;EACI;;AAEJ;EACI;EAUA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} \ No newline at end of file diff --git a/docs/assets/font/keyrune.eot b/docs/assets/font/keyrune.eot new file mode 100644 index 0000000..d93c9a7 Binary files /dev/null and b/docs/assets/font/keyrune.eot differ diff --git a/docs/assets/font/keyrune.svg b/docs/assets/font/keyrune.svg new file mode 100644 index 0000000..d2a3a53 --- /dev/null +++ b/docs/assets/font/keyrune.svg @@ -0,0 +1,187 @@ + + + + + + +{ + "fontFamily": "keyrune", + "majorVersion": 4, + "minorVersion": 0.58, + "fontURL": "https://keyrune.andrewgioia.com", + "description": "Magic: the Gathering set symbol pictographic font\nFont generated by IcoMoon.", + "copyright": "2022", + "designer": "Andrew Gioia", + "designerURL": "https://andrewgioia.com", + "license": "OFL", + "licenseURL": "https://scripts.sil.org/OFL", + "version": "Version 4.0", + "fontId": "keyrune", + "psName": "keyrune", + "subFamily": "Regular", + "fullName": "keyrune" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/assets/font/keyrune.ttf b/docs/assets/font/keyrune.ttf new file mode 100644 index 0000000..08b0dae Binary files /dev/null and b/docs/assets/font/keyrune.ttf differ diff --git a/docs/assets/font/keyrune.woff b/docs/assets/font/keyrune.woff index d52a2d8..5e43c27 100644 Binary files a/docs/assets/font/keyrune.woff and b/docs/assets/font/keyrune.woff differ diff --git a/docs/assets/font/keyrune.woff2 b/docs/assets/font/keyrune.woff2 index 2a7173c..65bff23 100644 Binary files a/docs/assets/font/keyrune.woff2 and b/docs/assets/font/keyrune.woff2 differ diff --git a/docs/assets/js/glitz.js b/docs/assets/js/glitz.js index 7ea5708..3b6e6b9 100644 --- a/docs/assets/js/glitz.js +++ b/docs/assets/js/glitz.js @@ -250,7 +250,7 @@ function openModal(icon) { }); $('#copy-glyph').on('click', function() { navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() { - $('#copy-glyph em').html('SVG copied!').animate('fadeup', 1200, 'ease-in-out'); + $('#copy-glyph em').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out'); }, function(err) { $('#copy-glyph em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); }); diff --git a/docs/index.html b/docs/index.html index d151a58..9186103 100644 --- a/docs/index.html +++ b/docs/index.html @@ -130,11 +130,11 @@ - + - + diff --git a/docs/sets/index.html b/docs/sets/index.html index 303c07d..95a66fe 100644 --- a/docs/sets/index.html +++ b/docs/sets/index.html @@ -108,7 +108,7 @@ - Version 4.0.0 contains 48 icons. + Version 4.0.0 contains 49 icons. @@ -912,7 +912,7 @@ Astral Cards -
+

Beginner Sets @@ -976,6 +976,24 @@ p02 Portal Second Age +
+ + s99 + Starter 1999

@@ -1121,7 +1139,7 @@ data-border="f8f3" data-inner="false" data-version="4.0.0" - data-aliases="false" + data-aliases="{"o98p":{"code":"o98p","name":"Oversized 90's Promos","release":"1996-04-01"}}" > pgc98 @@ -1439,8 +1457,8 @@ - Copy SVG - SVG copied! + Copy glyph + Glyph copied! diff --git a/docs/src/assets/scss/_sets.scss b/docs/src/assets/scss/_sets.scss index 412c952..6164ca9 100644 --- a/docs/src/assets/scss/_sets.scss +++ b/docs/src/assets/scss/_sets.scss @@ -246,13 +246,16 @@ menu { } } } -// common dark mode needs to be true black +// common dark mode needs to swap white/black depending on inner status :root[data-mode="dark"] { - #icons figure .ss.ss-rarity-common.ss-inner::before { - color: #000 !important; + #icons figure .ss.ss-rarity-common.ss-inner, + object details .details .icon i.ss.ss-rarity-common.ss-inner { + --ss-rarity: #000 !important; } - #icons figure .ss.ss-rarity-common.ss-border:not(.ss-inner)::after { - color: #000 !important; + #icons figure .ss.ss-rarity-common:not(.ss-inner), + object details .details .icon i.ss.ss-rarity-common:not(.ss-inner) { + --ss-rarity: #fff !important; + --ss-border: #000 !important; } } @@ -396,13 +399,13 @@ object { padding: 2rem 0.5rem 1rem; i.ss { - color: var(--text-default); + //color: var(--text-default); font-size: 8em; line-height: 1.75ex; padding-bottom: 1.5rem; &.ss-rarity-common:not(.ss-inner)::before { - color: var(--text-default) !important; + //color: var(--text-default) !important; } } diff --git a/docs/src/config.yaml b/docs/src/config.yaml index 5dda46e..35a1b26 100644 --- a/docs/src/config.yaml +++ b/docs/src/config.yaml @@ -1,9 +1,9 @@ baseURL: https://keyrune4.lan disableKinds: - - taxonomy - - term - - RSS - - sitemap + - taxonomy + - term + - RSS + - sitemap enableInlineShortcodes: true languageCode: en-us markup: diff --git a/docs/src/content/_index.md b/docs/src/content/_index.md index 619ed9a..edfe80e 100644 --- a/docs/src/content/_index.md +++ b/docs/src/content/_index.md @@ -44,11 +44,11 @@ footer: border - + - +
diff --git a/docs/src/data/sets.json b/docs/src/data/sets.json index df6643c..fc29469 100644 --- a/docs/src/data/sets.json +++ b/docs/src/data/sets.json @@ -894,6 +894,26 @@ "second", "beginner" ] + }, + "s99": { + "code": "s99", + "name": "Starter 1999", + "display": "Starter 1999", + "nicknames": [ + "Starter" + ], + "rarity": "e084", + "border": "e085", + "inner": false, + "release": "1999-07-01", + "subgroup": false, + "version": "4.0.0", + "official": true, + "aliases": false, + "tags": [ + "starter", + "beginner" + ] } } }, @@ -1086,7 +1106,13 @@ "subgroup": false, "version": "4.0.0", "official": true, - "aliases": false, + "aliases": { + "o98p": { + "code": "o98p", + "name": "Oversized 90's Promos", + "release": "1996-04-01" + } + }, "tags": [ "oversized", "gen con", diff --git a/docs/src/layouts/partials/modal.html b/docs/src/layouts/partials/modal.html index a8c0bf9..44f6002 100644 --- a/docs/src/layouts/partials/modal.html +++ b/docs/src/layouts/partials/modal.html @@ -71,8 +71,8 @@ - Copy SVG - SVG copied! + Copy glyph + Glyph copied! diff --git a/docs/src/static/assets/js/glitz.js b/docs/src/static/assets/js/glitz.js index 7ea5708..3b6e6b9 100644 --- a/docs/src/static/assets/js/glitz.js +++ b/docs/src/static/assets/js/glitz.js @@ -250,7 +250,7 @@ function openModal(icon) { }); $('#copy-glyph').on('click', function() { navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() { - $('#copy-glyph em').html('SVG copied!').animate('fadeup', 1200, 'ease-in-out'); + $('#copy-glyph em').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out'); }, function(err) { $('#copy-glyph em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); }); diff --git a/package.json b/package.json index 527db8f..9be96c6 100644 --- a/package.json +++ b/package.json @@ -10,13 +10,18 @@ "doc": "docs" }, "scripts": { - "build-default": "sass ./src/scss/keyrune.scss ./dist/css/keyrune.css", - "build-default-min": "sass ./src/scss/keyrune.scss ./dist/css/keyrune.min.css --style compressed", - "build-full": "sass ./src/scss/keyrune-full.scss ./dist/css/keyrune-full.css", - "build-full-min": "sass ./src/scss/keyrune-full.scss ./dist/css/keyrune-full.min.css --style compressed", - "copy-assets": "cp -p ./src/font/* ./dist/font && cp -p ./dist/css/keyrune.css* ./docs/assets/css && cp -p ./dist/font/keyrune.woff* ./docs/assets/font", - "build": "npm run -s build-default && npm run -s build-default-min && npm run -s build-full && npm run -s build-full-min && npm run -s copy-assets", - "watch": "sass --watch ./src/scss/keyrune.scss ./dist/css/keyrune.css" + "dist:base": "sass ./src/scss/keyrune.scss ./dist/css/keyrune.css && sass ./src/scss/keyrune.scss ./dist/css/keyrune.min.css --style compressed", + "dist:full": "sass ./src/scss/keyrune-full.scss ./dist/css/keyrune-full.css && sass ./src/scss/keyrune-full.scss ./dist/css/keyrune-full.min.css --style compressed", + "dist:assets": "rsync -avzh ./src/font/* ./dist/font", + "dist": "npm run -s dist:base && npm run -s dist:full && npm run -s dist:assets", + "css:watch": "sass --watch ./src/scss/keyrune.scss ./dist/css/keyrune.css", + "docs:css": "sass ./src/scss/keyrune.scss ./docs/assets/css/keyrune.css && rsync -avzh ./src/font/* ./docs/assets/font/", + "docs:css:watch": "sass --watch ./src/scss/keyrune.scss ./docs/assets/css/keyrune.css", + "docs:content": "hugo -s ./docs/src", + "docs:content:watch": "hugo server -s ./docs/src -p 1314 -w", + "docs:assets": "rsync -avzh ./dist/css/keyrune.css* ./docs/assets/css && rsync -avzh ./dist/font/keyrune.woff* ./docs/assets/font", + "docs": "npm run -s docs:css && npm run -s docs:content && npm run -s docs:assets", + "rename": "for f in `find ./src/font/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done" }, "repository": { "type": "git", @@ -26,4 +31,4 @@ "url": "https://github.com/andrewgioia/keyrune/issues", "email": "andrew@gioia.email" } -} \ No newline at end of file +} diff --git a/src/font/keyrune.eot b/src/font/keyrune.eot index 45f37f1..d93c9a7 100644 Binary files a/src/font/keyrune.eot and b/src/font/keyrune.eot differ diff --git a/src/font/keyrune.svg b/src/font/keyrune.svg index 822ca1b..d2a3a53 100644 --- a/src/font/keyrune.svg +++ b/src/font/keyrune.svg @@ -7,7 +7,7 @@ { "fontFamily": "keyrune", "majorVersion": 4, - "minorVersion": 0.46, + "minorVersion": 0.58, "fontURL": "https://keyrune.andrewgioia.com", "description": "Magic: the Gathering set symbol pictographic font\nFont generated by IcoMoon.", "copyright": "2022", @@ -29,15 +29,15 @@ - - - - - - - - - + + + + + + + + + @@ -49,12 +49,12 @@ - - - - - - + + + + + + @@ -68,12 +68,12 @@ - - + + - - + + @@ -98,8 +98,8 @@ - - + + @@ -128,10 +128,12 @@ - - + + + + @@ -141,4 +143,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/font/keyrune.ttf b/src/font/keyrune.ttf index 4281af4..08b0dae 100644 Binary files a/src/font/keyrune.ttf and b/src/font/keyrune.ttf differ diff --git a/src/font/keyrune.woff b/src/font/keyrune.woff index d52a2d8..4b4d2ac 100644 Binary files a/src/font/keyrune.woff and b/src/font/keyrune.woff differ diff --git a/src/font/keyrune.woff2 b/src/font/keyrune.woff2 index 2a7173c..1fee65d 100644 Binary files a/src/font/keyrune.woff2 and b/src/font/keyrune.woff2 differ diff --git a/src/scss/_aliases.scss b/src/scss/_aliases.scss index 76f8aaa..a579f45 100644 --- a/src/scss/_aliases.scss +++ b/src/scss/_aliases.scss @@ -8,14 +8,13 @@ $keyrune-aliases: ( ); $keyrune-aliases-complete: ( + // various promos past: ("pmic"), - // + pgc98: ("o90p"), // shooting star pmei: ("o90p", "pcel", "olep"), - // // m in circle pmtg: ("ptc", "rqs", "pred", "wc97", "jgp", "wc98"), - // // expansion tokens exo: ("pexo"), sth: ("psth"), diff --git a/src/scss/_media.scss b/src/scss/_media.scss index bcb94a1..3f2140c 100644 --- a/src/scss/_media.scss +++ b/src/scss/_media.scss @@ -1,15 +1,16 @@ @use "sass:map"; :root { - --border-default: #{map.get($keyrune-colors, "white")}; - --border-contrast: #{map.get($keyrune-colors, "black", "700")}; - --rarity-default: #{map.get($keyrune-colors, "black", "700")}; - --inner-default: #{map.get($keyrune-colors, "white")}; + --ss-border: #{map.get($keyrune-colors, "white")}; + --ss-border-contrast: #{map.get($keyrune-colors, "black", "700")}; + --ss-inner: #{map.get($keyrune-colors, "white")}; + --ss-rarity: #{map.get($keyrune-colors, "black", "700")}; + --ss-rarity-bg: transparent; &[data-mode='dark'] { - --border-default: #{map.get($keyrune-colors, "black", "100")}; - --border-contrast: #{map.get($keyrune-colors, "black", "900")}; - --rarity-default: #{map.get($keyrune-colors, "black", "900")}; - --inner-default: #{map.get($keyrune-colors, "white")}; + --ss-border: #{map.get($keyrune-colors, "black", "100")}; + --ss-border-contrast: #{map.get($keyrune-colors, "black", "900")}; + --ss-rarity: #{map.get($keyrune-colors, "black", "900")}; + --ss-inner: #{map.get($keyrune-colors, "white")}; } } \ No newline at end of file diff --git a/src/scss/_sets.scss b/src/scss/_sets.scss index de0c99d..7250dba 100644 --- a/src/scss/_sets.scss +++ b/src/scss/_sets.scss @@ -11,12 +11,12 @@ font-display: block; } -// default styles and set symbol definitions +// default styles and set symbol definitions via icon font .#{$keyrune-prefix} { // base styles font-family: '#{$keyrune-font-family}' !important; - color: var(--icon-default); + color: var(--ss-rarity); speak: never; font-style: normal; font-weight: normal; @@ -30,6 +30,11 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + // pseudo defaults + &::before { + background: var(--ss-rarity-bg); + } + // ::before is the symbol layer // ::after is the border layer // ::marker is the (experimental) inner layer @@ -64,10 +69,9 @@ // border &-border { - // default and common border styles &::after { - color: var(--border-default); + color: var(--ss-border); position: absolute; left: 0; } @@ -79,12 +83,12 @@ &.#{$keyrune-prefix}-rarity-mythic::after, &.#{$keyrune-prefix}-rarity-foil::after, &.#{$keyrune-prefix}-border-black::after { - color: var(--border-contrast); + color: var(--ss-border-contrast); } // convenience class to force a white border - &-white::after { - color: var(--border-default) !important; + &-white { + --ss-border: #fff !important; } } @@ -104,7 +108,7 @@ // inner color &::marker { - color: var(--inner-default); + color: var(--ss-inner); } // position via transforms for everything until there's a better way @@ -123,17 +127,16 @@ @each $rarity, $colors in $keyrune-rarities { &-#{$rarity} { // set the symbol's color - &::before { - color: #{map.get($colors, solid)}; - } + --ss-rarity: #{map.get($colors, solid)}; // gradient alternative &.#{$keyrune-prefix}-rarity-gradient::before { - background: linear-gradient( - 90deg, - #{map.get($colors, left)} 0%, - #{map.get($colors, center)} 50%, - #{map.get($colors, right)} 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 90deg, + #{map.get($colors, left)} 0%, + #{map.get($colors, center)} 50%, + #{map.get($colors, right)} 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; @@ -143,21 +146,20 @@ // special foil case &-foil { - &::before { - color: #00afc9; - } + --ss-rarity: #00afc9; &.#{$keyrune-prefix}-rarity-gradient::before { - background: linear-gradient( - 135deg, - #ea8d66 0%, - #ea8d66 15%, - #fdef8a 28%, - #8bcc93 42%, - #a6dced 55%, - #6f75aa 68%, - #e599c2 84%, - #e599c2 100%); - color: transparent; + --ss-rarity-bg: + linear-gradient( + 135deg, + #ea8d66 0%, + #ea8d66 15%, + #fdef8a 28%, + #8bcc93 42%, + #a6dced 55%, + #6f75aa 68%, + #e599c2 84%, + #e599c2 100%); + --ss-rarity: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index e34afe4..b23edc8 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -2,7 +2,7 @@ $keyrune-font-family: "keyrune" !default; $keyrune-font-path: "../font" !default; $keyrune-prefix: "ss" !default; -$keyrune-version: "4.0.38" !default; +$keyrune-version: "4.0.57" !default; // build options $keyrune-include-aliases: true; @@ -38,16 +38,16 @@ $keyrune-rarities: ( "right": "#4d6572", ), "rare": ( - "solid": "#b7a066", + "solid": "#b7a066", // try this: #c5a86f "left": "#7f6f43", "center": "#d9c287", "right": "#7f6f43", ), "mythic": ( - "solid": "#bf4427", - "left": "#ac392e", - "center": "#eb9d3d", - "right": "#ac392e", + "solid": "#d9640f", // "#e85627" (lighter but red), //"#e54424" (bit redder), //"#bf4427" (too dark), + "left": "#c2381a", //"#ac392e", + "center": "#f59700", //"#eb9d3d", + "right": "#c2381a", //"#ac392e", ) ); @@ -274,6 +274,11 @@ $keyrune-sets: ( border: "\e082", inner: "\f8ff", // empty ), + s99: ( + rarity: "\e084", + border: "\e085", + inner: "\f8ff", // empty + ), // // backwards from the end for alternatives/oddities legchr: (