diff --git a/.gitignore b/.gitignore index e555b18..6e43563 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ .orig node_modules/ npm-debug.log -push_instructions.txt +docs/src/resources/ +push_instructions.txt \ No newline at end of file diff --git a/demo/sets.js b/demo/sets.js index a9bdd1d..ef4ebb8 100644 --- a/demo/sets.js +++ b/demo/sets.js @@ -23,17 +23,15 @@ sets = { "tmp": "Tempest", "sth": "Stronghold", "exo": "Exodus", + "usg": "Urza's Saga", + "ulg": "Urza's Legacy", + "uds": "Urza's Destiny", }, "Command": { "pvan": "Vanguard", }, "Reprint": { - "sum": "Summer Magic", - "fbb": "Foreign Black Border", - "4bb": "4th Edition Black Border", "chr": "Chronicles", - "ren": "Renaissance", - "rin": "Rinascimento", }, "Supplemental": {}, "Digital": { @@ -58,7 +56,13 @@ sets = { "ugl": "Unglued", }, "Unofficial": { + "sum": "Summer Magic", + "fbb": "Foreign Black Border", + "4bb": "4th Edition Black Border", + "ren": "Renaissance", + "rin": "Rinascimento", "palp": "Asia Pacific Land Program", + "ath": "Anthologies", }, "Alternative": { "legchr": "Legends (Chronicles)", diff --git a/dist/css/keyrune-full.css b/dist/css/keyrune-full.css new file mode 100644 index 0000000..7c3eb61 --- /dev/null +++ b/dist/css/keyrune-full.css @@ -0,0 +1,769 @@ +: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: "\e000"; +} +.ss-lea.ss-border::after { + content: "\e001"; +} +.ss-lea.ss-inner::marker { + content: "\e002"; +} +.ss-leb::before { + content: "\e003"; +} +.ss-leb.ss-border::after { + content: "\e004"; +} +.ss-leb.ss-inner::marker { + content: "\e005"; +} +.ss-2ed::before { + content: "\e006"; +} +.ss-2ed.ss-border::after { + content: "\e007"; +} +.ss-2ed.ss-inner::marker { + content: "\e008"; +} +.ss-ced::before { + content: "\e009"; +} +.ss-ced.ss-border::after { + content: "\e00a"; +} +.ss-ced.ss-inner::marker { + content: "\e00b"; +} +.ss-cei::before { + content: "\e00c"; +} +.ss-cei.ss-border::after { + content: "\e00d"; +} +.ss-cei.ss-inner::marker { + content: "\e00e"; +} +.ss-arn::before { + content: "\e00f"; +} +.ss-arn.ss-border::after { + content: "\e010"; +} +.ss-arn.ss-inner::marker { + content: "\e011"; +} +.ss-atq::before { + content: "\e012"; +} +.ss-atq.ss-border::after { + content: "\e013"; +} +.ss-atq.ss-inner::marker { + content: "\f8ff"; +} +.ss-3ed::before { + content: "\e015"; +} +.ss-3ed.ss-border::after { + content: "\e016"; +} +.ss-3ed.ss-inner::marker { + content: "\e017"; +} +.ss-fbb::before { + content: "\e018"; +} +.ss-fbb.ss-border::after { + content: "\e019"; +} +.ss-fbb.ss-inner::marker { + content: "\e01a"; +} +.ss-leg::before { + content: "\e01b"; +} +.ss-leg.ss-border::after { + content: "\e01c"; +} +.ss-leg.ss-inner::marker { + content: "\e01d"; +} +.ss-sum::before { + content: "\e01e"; +} +.ss-sum.ss-border::after { + content: "\e01f"; +} +.ss-sum.ss-inner::marker { + content: "\f8ff"; +} +.ss-pdrc::before { + content: "\e021"; +} +.ss-pdrc.ss-border::after { + content: "\e022"; +} +.ss-pdrc.ss-inner::marker { + content: "\f8ff"; +} +.ss-drk::before { + content: "\e024"; +} +.ss-drk.ss-border::after { + content: "\e025"; +} +.ss-drk.ss-inner::marker { + content: "\f8ff"; +} +.ss-phpr::before { + content: "\e027"; +} +.ss-phpr.ss-border::after { + content: "\e028"; +} +.ss-phpr.ss-inner::marker { + content: "\f8ff"; +} +.ss-fem::before { + content: "\e02a"; +} +.ss-fem.ss-border::after { + content: "\e02b"; +} +.ss-fem.ss-inner::marker { + content: "\f8ff"; +} +.ss-pmei::before { + content: "\e02d"; +} +.ss-pmei.ss-border::after { + content: "\e02e"; +} +.ss-pmei.ss-inner::marker { + content: "\f8ff"; +} +.ss-pleaf::before { + content: "\e02d"; +} +.ss-pleaf.ss-border::after { + content: "\e02e"; +} +.ss-pleaf.ss-inner::marker { + content: "\f8ff"; +} +.ss-o90p::before { + content: "\e02d"; +} +.ss-o90p.ss-border::after { + content: "\e02e"; +} +.ss-o90p.ss-inner::marker { + content: "\f8ff"; +} +.ss-pcel::before { + content: "\e02d"; +} +.ss-pcel.ss-border::after { + content: "\e02e"; +} +.ss-pcel.ss-inner::marker { + content: "\f8ff"; +} +.ss-olep::before { + content: "\e02d"; +} +.ss-olep.ss-border::after { + content: "\e02e"; +} +.ss-olep.ss-inner::marker { + content: "\f8ff"; +} +.ss-pmtg::before { + content: "\e030"; +} +.ss-pmtg.ss-border::after { + content: "\e031"; +} +.ss-pmtg.ss-inner::marker { + content: "\f8ff"; +} +.ss-plgm::before { + content: "\e030"; +} +.ss-plgm.ss-border::after { + content: "\e031"; +} +.ss-plgm.ss-inner::marker { + content: "\f8ff"; +} +.ss-parl::before { + content: "\e030"; +} +.ss-parl.ss-border::after { + content: "\e031"; +} +.ss-parl.ss-inner::marker { + content: "\f8ff"; +} +.ss-ptc::before { + content: "\e030"; +} +.ss-ptc.ss-border::after { + content: "\e031"; +} +.ss-ptc.ss-inner::marker { + content: "\f8ff"; +} +.ss-rqs::before { + content: "\e030"; +} +.ss-rqs.ss-border::after { + content: "\e031"; +} +.ss-rqs.ss-inner::marker { + content: "\f8ff"; +} +.ss-pred::before { + content: "\e030"; +} +.ss-pred.ss-border::after { + content: "\e031"; +} +.ss-pred.ss-inner::marker { + content: "\f8ff"; +} +.ss-wc97::before { + content: "\e030"; +} +.ss-wc97.ss-border::after { + content: "\e031"; +} +.ss-wc97.ss-inner::marker { + content: "\f8ff"; +} +.ss-jgp::before { + content: "\e030"; +} +.ss-jgp.ss-border::after { + content: "\e031"; +} +.ss-jgp.ss-inner::marker { + content: "\f8ff"; +} +.ss-wc98::before { + content: "\e030"; +} +.ss-wc98.ss-border::after { + content: "\e031"; +} +.ss-wc98.ss-inner::marker { + content: "\f8ff"; +} +.ss-4ed::before { + content: "\e033"; +} +.ss-4ed.ss-border::after { + content: "\e034"; +} +.ss-4ed.ss-inner::marker { + content: "\f8ff"; +} +.ss-4bb::before { + content: "\e036"; +} +.ss-4bb.ss-border::after { + content: "\e037"; +} +.ss-4bb.ss-inner::marker { + content: "\f8ff"; +} +.ss-ice::before { + content: "\e039"; +} +.ss-ice.ss-border::after { + content: "\e03a"; +} +.ss-ice.ss-inner::marker { + content: "\e03b"; +} +.ss-chr::before { + content: "\e03c"; +} +.ss-chr.ss-border::after { + content: "\e03d"; +} +.ss-chr.ss-inner::marker { + content: "\f8ff"; +} +.ss-ren::before { + content: "\e03f"; +} +.ss-ren.ss-border::after { + content: "\e040"; +} +.ss-ren.ss-inner::marker { + content: "\f8ff"; +} +.ss-rin::before { + content: "\e042"; +} +.ss-rin.ss-border::after { + content: "\e043"; +} +.ss-rin.ss-inner::marker { + content: "\f8ff"; +} +.ss-hml::before { + content: "\e045"; +} +.ss-hml.ss-border::after { + content: "\e046"; +} +.ss-hml.ss-inner::marker { + content: "\e047"; +} +.ss-all::before { + content: "\e048"; +} +.ss-all.ss-border::after { + content: "\e049"; +} +.ss-all.ss-inner::marker { + content: "\e04a"; +} +.ss-mir::before { + content: "\e04b"; +} +.ss-mir.ss-border::after { + content: "\e04c"; +} +.ss-mir.ss-inner::marker { + content: "\f8ff"; +} +.ss-itp::before { + content: "\e04e"; +} +.ss-itp.ss-border::after { + content: "\e04f"; +} +.ss-itp.ss-inner::marker { + content: "\f8ff"; +} +.ss-vis::before { + content: "\e051"; +} +.ss-vis.ss-border::after { + content: "\e052"; +} +.ss-vis.ss-inner::marker { + content: "\e053"; +} +.ss-mgb::before { + content: "\e051"; +} +.ss-mgb.ss-border::after { + content: "\e052"; +} +.ss-mgb.ss-inner::marker { + content: "\e053"; +} +.ss-5ed::before { + content: "\e054"; +} +.ss-5ed.ss-border::after { + content: "\e055"; +} +.ss-5ed.ss-inner::marker { + content: "\f8ff"; +} +.ss-past::before { + content: "\e057"; +} +.ss-past.ss-border::after { + content: "\e058"; +} +.ss-past.ss-inner::marker { + content: "\f8ff"; +} +.ss-pmic::before { + content: "\e057"; +} +.ss-pmic.ss-border::after { + content: "\e058"; +} +.ss-pmic.ss-inner::marker { + content: "\f8ff"; +} +.ss-por::before { + content: "\e05a"; +} +.ss-por.ss-border::after { + content: "\e05b"; +} +.ss-por.ss-inner::marker { + content: "\e05c"; +} +.ss-pvan::before { + content: "\e05d"; +} +.ss-pvan.ss-border::after { + content: "\e05e"; +} +.ss-pvan.ss-inner::marker { + content: "\f8ff"; +} +.ss-van::before { + content: "\e05d"; +} +.ss-van.ss-border::after { + content: "\e05e"; +} +.ss-van.ss-inner::marker { + content: "\f8ff"; +} +.ss-wth::before { + content: "\e060"; +} +.ss-wth.ss-border::after { + content: "\e061"; +} +.ss-wth.ss-inner::marker { + content: "\e062"; +} +.ss-tmp::before { + content: "\e063"; +} +.ss-tmp.ss-border::after { + content: "\e064"; +} +.ss-tmp.ss-inner::marker { + content: "\f8ff"; +} +.ss-ptmp::before { + content: "\e063"; +} +.ss-ptmp.ss-border::after { + content: "\e064"; +} +.ss-ptmp.ss-inner::marker { + content: "\f8ff"; +} +.ss-sth::before { + content: "\e066"; +} +.ss-sth.ss-border::after { + content: "\e067"; +} +.ss-sth.ss-inner::marker { + content: "\f8ff"; +} +.ss-psth::before { + content: "\e066"; +} +.ss-psth.ss-border::after { + content: "\e067"; +} +.ss-psth.ss-inner::marker { + content: "\f8ff"; +} +.ss-exo::before { + content: "\e069"; +} +.ss-exo.ss-border::after { + content: "\e06a"; +} +.ss-exo.ss-inner::marker { + content: "\f8ff"; +} +.ss-pexo::before { + content: "\e069"; +} +.ss-pexo.ss-border::after { + content: "\e06a"; +} +.ss-pexo.ss-inner::marker { + content: "\f8ff"; +} +.ss-p02::before { + content: "\e06c"; +} +.ss-p02.ss-border::after { + content: "\e06d"; +} +.ss-p02.ss-inner::marker { + content: "\f8ff"; +} +.ss-ugl::before { + content: "\e06f"; +} +.ss-ugl.ss-border::after { + content: "\e070"; +} +.ss-ugl.ss-inner::marker { + content: "\f8ff"; +} +.ss-tugl::before { + content: "\e06f"; +} +.ss-tugl.ss-border::after { + content: "\e070"; +} +.ss-tugl.ss-inner::marker { + content: "\f8ff"; +} +.ss-palp::before { + content: "\e072"; +} +.ss-palp.ss-border::after { + content: "\e073"; +} +.ss-palp.ss-inner::marker { + content: "\f8ff"; +} +.ss-usg::before { + content: "\e075"; +} +.ss-usg.ss-border::after { + content: "\e076"; +} +.ss-usg.ss-inner::marker { + content: "\f8ff"; +} +.ss-ath::before { + content: "\e078"; +} +.ss-ath.ss-border::after { + content: "\e079"; +} +.ss-ath.ss-inner::marker { + content: "\f8ff"; +} +.ss-ulg::before { + content: "\e07b"; +} +.ss-ulg.ss-border::after { + content: "\e07c"; +} +.ss-ulg.ss-inner::marker { + content: "\f8ff"; +} +.ss-6ed::before { + content: "\e07e"; +} +.ss-6ed.ss-border::after { + content: "\e07f"; +} +.ss-6ed.ss-inner::marker { + content: "\f8ff"; +} +.ss-uds::before { + content: "\e081"; +} +.ss-uds.ss-border::after { + content: "\e082"; +} +.ss-uds.ss-inner::marker { + content: "\f8ff"; +} +.ss-legchr::before { + content: "\f8f6"; +} +.ss-legchr.ss-border::after { + content: "\f8f5"; +} +.ss-legchr.ss-inner::marker { + content: "\f8ff"; +} +.ss-leg2::before { + content: "\f8f6"; +} +.ss-leg2.ss-border::after { + content: "\f8f5"; +} +.ss-leg2.ss-inner::marker { + content: "\f8ff"; +} +.ss-pgc98::before { + content: "\f8f4"; +} +.ss-pgc98.ss-border::after { + content: "\f8f3"; +} +.ss-pgc98.ss-inner::marker { + content: "\f8ff"; +} +.ss-po::before { + content: "\f8f2"; +} +.ss-po.ss-border::after { + content: "\f8f1"; +} +.ss-po.ss-inner::marker { + content: "\f8f0"; +} +.ss-por2::before { + content: "\f8f2"; +} +.ss-por2.ss-border::after { + content: "\f8f1"; +} +.ss-por2.ss-inner::marker { + content: "\f8f0"; +} +.ss-wl::before { + content: "\f8ef"; +} +.ss-wl.ss-border::after { + content: "\f8ee"; +} +.ss-wl.ss-inner::marker { + content: "\f8ff"; +} +.ss-wth2::before { + content: "\f8ef"; +} +.ss-wth2.ss-border::after { + content: "\f8ee"; +} +.ss-wth2.ss-inner::marker { + content: "\f8ff"; +} +.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: 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-gradient::before { + background: linear-gradient(90deg, 0%, 50%, 100%); + color: 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-gradient::before { + background: linear-gradient(90deg, #4d6572 0%, #c3dfeb 50%, #4d6572 100%); + color: 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-gradient::before { + background: linear-gradient(90deg, #7f6f43 0%, #d9c287 50%, #7f6f43 100%); + color: 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-gradient::before { + background: linear-gradient(90deg, #ac392e 0%, #eb9d3d 50%, #ac392e 100%); + color: 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-gradient::before { + background: linear-gradient(135deg, #ea8d66 0%, #ea8d66 15%, #fdef8a 28%, #8bcc93 42%, #a6dced 55%, #6f75aa 68%, #e599c2 84%, #e599c2 100%); + color: transparent; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.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.css.map */ diff --git a/dist/css/keyrune-full.css.map b/dist/css/keyrune-full.css.map new file mode 100644 index 0000000..f361406 --- /dev/null +++ b/dist/css/keyrune-full.css.map @@ -0,0 +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 diff --git a/dist/css/keyrune-full.min.css b/dist/css/keyrune-full.min.css new file mode 100644 index 0000000..ffb7350 --- /dev/null +++ b/dist/css/keyrune-full.min.css @@ -0,0 +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 */ diff --git a/dist/css/keyrune-full.min.css.map b/dist/css/keyrune-full.min.css.map new file mode 100644 index 0000000..2b4c3e1 --- /dev/null +++ b/dist/css/keyrune-full.min.css.map @@ -0,0 +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 diff --git a/dist/css/keyrune.css b/dist/css/keyrune.css index 2e3dd16..b403a03 100644 --- a/dist/css/keyrune.css +++ b/dist/css/keyrune.css @@ -420,6 +420,33 @@ .ss-palp.ss-inner::marker { content: "\f8ff"; } +.ss-usg::before { + content: "\e075"; +} +.ss-usg.ss-border::after { + content: "\e076"; +} +.ss-usg.ss-inner::marker { + content: "\f8ff"; +} +.ss-ath::before { + content: "\e078"; +} +.ss-ath.ss-border::after { + content: "\e079"; +} +.ss-ath.ss-inner::marker { + content: "\f8ff"; +} +.ss-ulg::before { + content: "\e07b"; +} +.ss-ulg.ss-border::after { + content: "\e07c"; +} +.ss-ulg.ss-inner::marker { + content: "\f8ff"; +} .ss-6ed::before { content: "\e07e"; } @@ -429,6 +456,15 @@ .ss-6ed.ss-inner::marker { content: "\f8ff"; } +.ss-uds::before { + content: "\e081"; +} +.ss-uds.ss-border::after { + content: "\e082"; +} +.ss-uds.ss-inner::marker { + content: "\f8ff"; +} .ss-legchr::before { content: "\f8f6"; } diff --git a/dist/css/keyrune.css.map b/dist/css/keyrune.css.map index c68585f..8801853 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/keyrune.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACLR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;ACjCA;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;ADmDA;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;;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 diff --git a/dist/css/keyrune.min.css b/dist/css/keyrune.min.css new file mode 100644 index 0000000..3f2159d --- /dev/null +++ b/dist/css/keyrune.min.css @@ -0,0 +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 */ diff --git a/dist/css/keyrune.min.css.map b/dist/css/keyrune.min.css.map new file mode 100644 index 0000000..f5956e4 --- /dev/null +++ b/dist/css/keyrune.min.css.map @@ -0,0 +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 diff --git a/dist/font/keyrune.eot b/dist/font/keyrune.eot index 1593b2d..45f37f1 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 af55683..822ca1b 100644 --- a/dist/font/keyrune.svg +++ b/dist/font/keyrune.svg @@ -7,7 +7,7 @@ { "fontFamily": "keyrune", "majorVersion": 4, - "minorVersion": 0.45, + "minorVersion": 0.46, "fontURL": "https://keyrune.andrewgioia.com", "description": "Magic: the Gathering set symbol pictographic font\nFont generated by IcoMoon.", "copyright": "2022", @@ -122,8 +122,16 @@ + + + + + + + + diff --git a/dist/font/keyrune.ttf b/dist/font/keyrune.ttf index c3ed197..4281af4 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 21e931d..d52a2d8 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 3f03330..2a7173c 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 f48d414..f212fce 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,431 +1,3 @@ -@charset "UTF-8"; -.flex { - display: flex; -} -.flex-align-center { - align-items: center; -} -.flex-align-start { - align-items: flex-start; -} -.flex-col { - flex-direction: column; -} -.flex-inline { - display: inline-flex; -} -.flex-justify-between { - justify-content: space-between; -} -.flex-justify-center { - justify-content: center; -} -.flex-justify-end { - justify-content: flex-end; -} -.flex-justify-start { - justify-content: flex-start; -} -.flex-row { - flex-direction: row; -} -.flex-shrink-0 { - flex-shrink: 0; -} -.flex-wrap { - flex-wrap: wrap; -} - -@media only screen and (min-width: 768px) { - .sm-flex-row { - flex-direction: row; - } -} -.grid { - display: grid; -} -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} -.grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); -} -.grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); -} -.grid-gap-4 { - gap: 1rem; -} -.grid-gap-8 { - gap: 2rem; -} -.grid-gap-x-4 { - column-gap: 1rem; -} -.grid-gap-x-8 { - column-gap: 2rem; -} -.grid-gap-x-12 { - column-gap: 3rem; -} -.grid-gap-y-4 { - row-gap: 1rem; -} -.grid-gap-y-8 { - row-gap: 2rem; -} -.grid-gap-y-12 { - row-gap: 3rem; -} -.grid-span-1 { - grid-column: span 1/span 1; -} -.grid-span-2 { - grid-column: span 2/span 2; -} -.grid-span-3 { - grid-column: span 3/span 3; -} -.grid-span-4 { - grid-column: span 4/span 4; -} -.grid-span-5 { - grid-column: span 5/span 5; -} -.grid-span-6 { - grid-column: span 6/span 6; -} - -.hidden { - display: none; -} - -.m-0 { - margin: 0; -} -.mb-0 { - margin-bottom: 0; -} -.mb-1 { - margin-bottom: 0.25rem; -} -.mb-2 { - margin-bottom: 0.5rem; -} -.mb-3 { - margin-bottom: 0.75rem; -} -.mb-4 { - margin-bottom: 1rem; -} -.mb-6 { - margin-bottom: 1.5rem; -} -.mb-7 { - margin-bottom: 1.75rem; -} -.mb-8 { - margin-bottom: 2rem; -} -.mb-12 { - margin-bottom: 3rem; -} -.mb-16 { - margin-bottom: 4rem; -} -.ml-1 { - margin-left: 0.25rem; -} -.ml-2 { - margin-left: 0.5rem; -} -.ml-4 { - margin-left: 1rem; -} -.mr-1 { - margin-right: 0.25rem; -} -.mr-2 { - margin-right: 0.5rem; -} -.mr-3 { - margin-right: 0.75rem; -} -.mr-4 { - margin-right: 1rem; -} -.mr-6 { - margin-right: 1.5rem; -} -.mt-0 { - margin-top: 0; -} -.mt-1 { - margin-top: 0.25rem; -} -.mt-2 { - margin-top: 0.5rem; -} -.mt-3 { - margin-top: 0.75rem; -} -.mt-4 { - margin-top: 1rem; -} -.mt-8 { - margin-top: 2rem; -} -.mt-10 { - margin-top: 2.5rem; -} -.mt-12 { - margin-top: 3rem; -} -.mt-16 { - margin-top: 4rem; -} -.mt-20 { - margin-top: 5rem; -} -.mt-24 { - margin-top: 6rem; -} -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; -} -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.overflow-hidden { - overflow: hidden; -} - -.p-2 { - padding: 0.5rem; -} -.p-4 { - padding: 1rem; -} -.p-8 { - padding: 2rem; -} -.pb-2 { - padding-bottom: 0.5rem; -} -.pb-4 { - padding-bottom: 1rem; -} -.pb-6 { - padding-bottom: 1.5rem; -} -.pb-12 { - padding-bottom: 3rem; -} -.pb-16 { - padding-bottom: 4rem; -} -.pl-4 { - padding-left: 1rem; -} -.pl-8 { - padding-left: 2rem; -} -.pl-12 { - padding-left: 3rem; -} -.pr-8 { - padding-right: 2rem; -} -.pr-12 { - padding-right: 3rem; -} -.pt-1 { - padding-top: 0.25rem; -} -.pt-2 { - padding-top: 0.5rem; -} -.pt-8 { - padding-top: 2rem; -} -.pt-24 { - padding-top: 6rem; -} -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} -.px-12 { - padding-left: 3rem; - padding-right: 3rem; -} -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; -} -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; -} - -.relative { - position: relative; -} - -.sticky { - height: 0%; - position: sticky; - top: 0; -} - -.text-center { - text-align: center; -} -.text-sm { - font-size: 0.9rem; -} -.text-white { - color: #fff; -} - -.top-px { - top: 1px; -} - -.w-4 { - width: 1rem; -} -.w-6 { - width: 1.5rem; -} -.w-1\/5 { - width: 20%; -} -.w-1\/4 { - width: 25%; -} -.w-2\/5 { - width: 40%; -} -.w-1\/2 { - width: 50%; -} -.w-3\/5 { - width: 60%; -} -.w-3\/4 { - width: 75%; -} -.w-4\/5 { - width: 80%; -} -.w-11\/12 { - width: min(91.6667%, 1440px); -} -.w-full { - width: 100%; -} -.w-wide { - width: calc(100% - 3rem); -} - -@media only screen and (min-width: 768px) { - .w-wide { - width: min(91.66667%, 1440px); - } -} -@media only screen and (min-width: 512px) { - .xs\:inline { - display: inline; - } - - .xs\:hidden { - display: none; - } -} -@media only screen and (min-width: 768px) { - .sm\:inline { - display: inline; - } - - .sm\:hidden { - display: none; - } - - .sm\:flex-row { - flex-direction: row; - } - - .sm\:w-1\/5 { - width: 20%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:list { - display: list-item; - list-style: none; - } -} -@media only screen and (min-width: 1025px) { - .md\:block { - display: block; - } - - .md\:flex { - display: flex; - } - - .md\:inline { - display: inline; - } -} :root { --bg-body: #fff; --bg-hover: #f2f1f1; @@ -612,7 +184,6 @@ header nav.mobile #mode input.toggle:checked + label::after { #toggle-nav { display: none; } - header mark { margin-left: 2.5rem; } @@ -739,6 +310,440 @@ footer iframe html body { background-color: var(--bg-content); } +.flex { + display: flex; +} +.flex-align-center { + align-items: center; +} +.flex-align-start { + align-items: flex-start; +} +.flex-col { + flex-direction: column; +} +.flex-inline { + display: inline-flex; +} +.flex-justify-between { + justify-content: space-between; +} +.flex-justify-center { + justify-content: center; +} +.flex-justify-end { + justify-content: flex-end; +} +.flex-justify-start { + justify-content: flex-start; +} +.flex-row { + flex-direction: row; +} +.flex-shrink-0 { + flex-shrink: 0; +} +.flex-wrap { + flex-wrap: wrap; +} + +@media only screen and (min-width: 768px) { + .sm-flex-row { + flex-direction: row; + } +} +.grid { + display: grid; +} +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} +.grid-gap-4 { + gap: 1rem; +} +.grid-gap-8 { + gap: 2rem; +} +.grid-gap-x-4 { + column-gap: 1rem; +} +.grid-gap-x-8 { + column-gap: 2rem; +} +.grid-gap-x-12 { + column-gap: 3rem; +} +.grid-gap-y-4 { + row-gap: 1rem; +} +.grid-gap-y-8 { + row-gap: 2rem; +} +.grid-gap-y-12 { + row-gap: 3rem; +} +.grid-span-1 { + grid-column: span 1/span 1; +} +.grid-span-2 { + grid-column: span 2/span 2; +} +.grid-span-3 { + grid-column: span 3/span 3; +} +.grid-span-4 { + grid-column: span 4/span 4; +} +.grid-span-5 { + grid-column: span 5/span 5; +} +.grid-span-6 { + grid-column: span 6/span 6; +} +.grid-span-8 { + grid-column: span 8/span 8; +} +.grid-span-12 { + grid-column: span 12/span 12; +} + +.hidden { + display: none; +} + +.m-0 { + margin: 0; +} +.mb-0 { + margin-bottom: 0; +} +.mb-1 { + margin-bottom: 0.25rem; +} +.mb-2 { + margin-bottom: 0.5rem; +} +.mb-3 { + margin-bottom: 0.75rem; +} +.mb-4 { + margin-bottom: 1rem; +} +.mb-6 { + margin-bottom: 1.5rem; +} +.mb-7 { + margin-bottom: 1.75rem; +} +.mb-8 { + margin-bottom: 2rem; +} +.mb-12 { + margin-bottom: 3rem; +} +.mb-16 { + margin-bottom: 4rem; +} +.ml-1 { + margin-left: 0.25rem; +} +.ml-2 { + margin-left: 0.5rem; +} +.ml-4 { + margin-left: 1rem; +} +.ml-6 { + margin-left: 1.5rem; +} +.mr-1 { + margin-right: 0.25rem; +} +.mr-2 { + margin-right: 0.5rem; +} +.mr-3 { + margin-right: 0.75rem; +} +.mr-4 { + margin-right: 1rem; +} +.mr-6 { + margin-right: 1.5rem; +} +.mt-0 { + margin-top: 0; +} +.mt-1 { + margin-top: 0.25rem; +} +.mt-2 { + margin-top: 0.5rem; +} +.mt-3 { + margin-top: 0.75rem; +} +.mt-4 { + margin-top: 1rem; +} +.mt-8 { + margin-top: 2rem; +} +.mt-10 { + margin-top: 2.5rem; +} +.mt-12 { + margin-top: 3rem; +} +.mt-16 { + margin-top: 4rem; +} +.mt-20 { + margin-top: 5rem; +} +.mt-24 { + margin-top: 6rem; +} +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} +.my-0 { + margin-top: 0; + margin-bottom: 0; +} +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.overflow-hidden { + overflow: hidden; +} + +.p-2 { + padding: 0.5rem; +} +.p-4 { + padding: 1rem; +} +.p-8 { + padding: 2rem; +} +.pb-2 { + padding-bottom: 0.5rem; +} +.pb-4 { + padding-bottom: 1rem; +} +.pb-6 { + padding-bottom: 1.5rem; +} +.pb-12 { + padding-bottom: 3rem; +} +.pb-16 { + padding-bottom: 4rem; +} +.pl-4 { + padding-left: 1rem; +} +.pl-8 { + padding-left: 2rem; +} +.pl-12 { + padding-left: 3rem; +} +.pr-8 { + padding-right: 2rem; +} +.pr-12 { + padding-right: 3rem; +} +.pt-1 { + padding-top: 0.25rem; +} +.pt-2 { + padding-top: 0.5rem; +} +.pt-8 { + padding-top: 2rem; +} +.pt-24 { + padding-top: 6rem; +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.relative { + position: relative; +} + +.sticky { + height: 0%; + position: sticky; + top: 0; +} + +.text-center { + text-align: center; +} +.text-sm { + font-size: 0.9rem; +} +.text-white { + color: #fff; +} + +.top-px { + top: 1px; +} + +.w-4 { + width: 1rem; +} +.w-6 { + width: 1.5rem; +} +.w-1\/5 { + width: 20%; +} +.w-1\/4 { + width: 25%; +} +.w-2\/5 { + width: 40%; +} +.w-1\/2 { + width: 50%; +} +.w-3\/5 { + width: 60%; +} +.w-3\/4 { + width: 75%; +} +.w-4\/5 { + width: 80%; +} +.w-11\/12 { + width: min(91.6667%, 1440px); +} +.w-full { + width: 100%; +} +.w-wide { + width: calc(100% - 3rem); +} + +@media only screen and (min-width: 768px) { + .w-wide { + width: min(91.66667%, 1440px); + } +} +@media only screen and (min-width: 512px) { + .xs\:inline { + display: inline; + } + .xs\:hidden { + display: none; + } +} +@media only screen and (min-width: 768px) { + .sm\:inline { + display: inline; + } + .sm\:hidden { + display: none; + } + .sm\:flex-row { + flex-direction: row; + } + .sm\:w-1\/5 { + width: 20%; + } + .sm\:w-3\/5 { + width: 60%; + } + .sm\:w-3\/5 { + width: 60%; + } + .sm\:list { + display: list-item; + list-style: none; + } +} +@media only screen and (min-width: 1025px) { + .md\:block { + display: block; + } + .md\:flex { + display: flex; + } + .md\:inline { + display: inline; + } +} h1 { font-family: Beleren; font-size: 3rem; @@ -1299,6 +1304,7 @@ object { top: 0; left: 0; background: var(--rgba-modal); + backdrop-filter: blur(0.5rem); display: flex; align-items: center; justify-content: center; @@ -1381,6 +1387,19 @@ object details .table .inner, object details .table .aliases > span { font-family: monospace; } +object details .table .official { + background-repeat: no-repeat; + background-position: 0 50%; + padding-left: 1.75rem; + margin-left: -0.25rem; +} +object details .table .official[data-official=true] { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c-1.2 0-2.4.6-3 1.7A3.6 3.6 0 0 0 4.6 9c-1 .6-1.7 1.8-1.7 3s.7 2.4 1.7 3c-.3 1.2 0 2.5 1 3.4.8.8 2.1 1.2 3.3 1 .6 1 1.8 1.6 3 1.6s2.4-.6 3-1.7c1.2.3 2.5 0 3.4-1 .8-.8 1.2-2 1-3.3 1-.6 1.6-1.8 1.6-3s-.6-2.4-1.7-3c.3-1.2 0-2.5-1-3.4a3.7 3.7 0 0 0-3.3-1c-.6-1-1.8-1.6-3-1.6Z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E"); +} +object details .table .official[data-official=false] { + color: #ed73be; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ed73be' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M17.196 9 6.804 15'%3E%3C/path%3E%3Cpath d='m6.804 9 10.392 6'%3E%3C/path%3E%3C/svg%3E"); +} object details .table ul.glyphs { list-style: none; margin: 0; @@ -1545,6 +1564,4 @@ object.active details { object details .table .actions { display: flex; } -} - -/*# sourceMappingURL=docs.css.map */ +} \ No newline at end of file diff --git a/docs/assets/css/keyrune.css b/docs/assets/css/keyrune.css index 2e3dd16..b403a03 100644 --- a/docs/assets/css/keyrune.css +++ b/docs/assets/css/keyrune.css @@ -420,6 +420,33 @@ .ss-palp.ss-inner::marker { content: "\f8ff"; } +.ss-usg::before { + content: "\e075"; +} +.ss-usg.ss-border::after { + content: "\e076"; +} +.ss-usg.ss-inner::marker { + content: "\f8ff"; +} +.ss-ath::before { + content: "\e078"; +} +.ss-ath.ss-border::after { + content: "\e079"; +} +.ss-ath.ss-inner::marker { + content: "\f8ff"; +} +.ss-ulg::before { + content: "\e07b"; +} +.ss-ulg.ss-border::after { + content: "\e07c"; +} +.ss-ulg.ss-inner::marker { + content: "\f8ff"; +} .ss-6ed::before { content: "\e07e"; } @@ -429,6 +456,15 @@ .ss-6ed.ss-inner::marker { content: "\f8ff"; } +.ss-uds::before { + content: "\e081"; +} +.ss-uds.ss-border::after { + content: "\e082"; +} +.ss-uds.ss-inner::marker { + content: "\f8ff"; +} .ss-legchr::before { content: "\f8f6"; } diff --git a/docs/assets/css/keyrune.css.map b/docs/assets/css/keyrune.css.map index c68585f..8801853 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/keyrune.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACLR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;ACjCA;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;ADmDA;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;;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 diff --git a/docs/assets/font/keyrune.woff b/docs/assets/font/keyrune.woff index 21e931d..d52a2d8 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 3f03330..2a7173c 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 2b3fc06..8efcffa 100644 --- a/docs/assets/js/glitz.js +++ b/docs/assets/js/glitz.js @@ -63,7 +63,10 @@ function filterIcons(q) { let code = ''; let tags = Object; let group = ''; + let release = ''; let parent = ''; + let is = ''; + let modern = new Date('2003-08-28'); // set the URL to show the param if (q.length > 0) { @@ -79,13 +82,53 @@ function filterIcons(q) { code = $(this).data('code'); tags = $(this).data('tags'); group = $(this).data('order'); + release = new Date($(this).data('release')); + official = $(this).data('official'); parent = $('.set-group[data-id="'+group+'"]'); - // show/hide icons based on query index - if (code.indexOf(q) >= 0 || Object.values(tags).indexOf(q) >= 0) { - $(this).removeClass('hidden'); - } else { + // check if we have an is: query; [old, modern, official, custom] + if (q.substring(0, 3) == 'is:') { + + // hide everything right away $(this).addClass('hidden'); + + // get the mode + is = q.split(':')[1]; + + // should this be a switch? + if (is == 'modern') { + if (release.getTime() >= modern.getTime()) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'old') { + if (release.getTime() < modern.getTime()) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'official') { + if (official) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'custom') { + if (!official) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } + // otherwise check code/tags for the string + } else { + // show/hide icons based on query index + if (code.indexOf(q) >= 0 || Object.values(tags).indexOf(q) >= 0) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } } // poll for group's non-hidden count and hide it if there are none @@ -124,6 +167,8 @@ function openModal(icon) { let tagp = ''; let tagc = ''; let group = icon.data('group'); + let status = icon.data('official'); + let statusl = (icon.data('official')) ? 'Official' : "Custom"; let rarity = (icon.data('rarity')) ? icon.data('rarity') : 'n/a'; let border = (icon.data('border')) ? icon.data('border') : 'n/a'; let inner = (icon.data('inner')) ? icon.data('inner') : 'n/a'; @@ -153,6 +198,7 @@ function openModal(icon) { $('details div.table h2.name').html(name); $('details div.table h3.class').html(code); $('details div.table span.group').html(group); + $('details div.table span.official').data("official", status).html(statusl); $('details div.table li.rarity span').html(rarity); $('details div.table li.rarity i').html('&#x'+rarity); $('details div.table li.border').attr('class', 'border '+icon.data('border')+''); diff --git a/docs/index.html b/docs/index.html index ae09859..d151a58 100644 --- a/docs/index.html +++ b/docs/index.html @@ -9,11 +9,7 @@ - - - - - + diff --git a/docs/sets/index.html b/docs/sets/index.html index aa29798..303c07d 100644 --- a/docs/sets/index.html +++ b/docs/sets/index.html @@ -9,11 +9,7 @@ - - - - - + @@ -112,8 +108,8 @@ - Version 4.0.0 contains 44 icons. - + Version 4.0.0 contains 48 icons. + @@ -267,6 +263,8 @@ data-tags="["core","alpha","limited"]" data-order="0" data-group="Core Sets" + data-release="1993-08-05" + data-official="false" data-rarity="e000" data-border="e001" data-inner="e002" @@ -283,6 +281,8 @@ data-tags="["core","beta","limited"]" data-order="0" data-group="Core Sets" + data-release="1993-10-04" + data-official="false" data-rarity="e003" data-border="e004" data-inner="e005" @@ -299,6 +299,8 @@ data-tags="["core","unlimited","second"]" data-order="0" data-group="Core Sets" + data-release="1993-12-01" + data-official="false" data-rarity="e006" data-border="e007" data-inner="e008" @@ -315,11 +317,13 @@ data-tags="["core","revised","third","3e"]" data-order="0" data-group="Core Sets" + data-release="1994-04-01" + data-official="false" data-rarity="e015" data-border="e016" data-inner="e017" data-version="4.0.0" - data-aliases="false" + data-aliases="{"3e":{"code":"3e","name":"Gatherer code","release":"1994-04-01"}}" > 3ed @@ -331,6 +335,8 @@ data-tags="["core","fourth","4th","4e"]" data-order="0" data-group="Core Sets" + data-release="1995-04-01" + data-official="true" data-rarity="e033" data-border="e034" data-inner="false" @@ -347,6 +353,8 @@ data-tags="["core","fifth","5th","5e"]" data-order="0" data-group="Core Sets" + data-release="1997-03-24" + data-official="true" data-rarity="e054" data-border="e055" data-inner="false" @@ -363,6 +371,8 @@ data-tags="["core","sixth","6th","6e"]" data-order="0" data-group="Core Sets" + data-release="1999-04-21" + data-official="true" data-rarity="e07e" data-border="e07f" data-inner="false" @@ -374,7 +384,7 @@ Sixth Edition -
+

Expansions @@ -391,6 +401,8 @@ data-tags="["arabian","nights","scimitar","an"]" data-order="1" data-group="Expansions" + data-release="1993-12-17" + data-official="true" data-rarity="e00f" data-border="e010" data-inner="e011" @@ -407,6 +419,8 @@ data-tags="["antiquities","anvil","aq"]" data-order="1" data-group="Expansions" + data-release="1994-03-04" + data-official="true" data-rarity="e012" data-border="e013" data-inner="false" @@ -423,6 +437,8 @@ data-tags="["legends","column"]" data-order="1" data-group="Expansions" + data-release="1994-06-01" + data-official="true" data-rarity="e01b" data-border="e01c" data-inner="e01d" @@ -439,6 +455,8 @@ data-tags="["dark","moon"]" data-order="1" data-group="Expansions" + data-release="1994-08-01" + data-official="true" data-rarity="e024" data-border="e025" data-inner="false" @@ -455,6 +473,8 @@ data-tags="["fallen","empires","crown"]" data-order="1" data-group="Expansions" + data-release="1994-11-01" + data-official="true" data-rarity="e02a" data-border="e02b" data-inner="false" @@ -471,6 +491,8 @@ data-tags="["ice","age","snow","snowflake"]" data-order="1" data-group="Expansions" + data-release="1995-06-03" + data-official="true" data-rarity="e039" data-border="e03a" data-inner="e03b" @@ -487,6 +509,8 @@ data-tags="["homelands","globe"]" data-order="1" data-group="Expansions" + data-release="1995-10-01" + data-official="true" data-rarity="e045" data-border="e046" data-inner="e047" @@ -503,6 +527,8 @@ data-tags="["alliances","flag"]" data-order="1" data-group="Expansions" + data-release="1996-06-10" + data-official="true" data-rarity="e048" data-border="e049" data-inner="e04a" @@ -519,6 +545,8 @@ data-tags="["mirage","jamuraa","palm","tree"]" data-order="1" data-group="Expansions" + data-release="1996-10-08" + data-official="true" data-rarity="e04b" data-border="e04c" data-inner="false" @@ -531,10 +559,12 @@
vis - Mirage + Visions
exo Exodus +
+ + usg + Urza's Saga +
+ + ulg + Urza's Legacy +
+ + uds + Urza's Destiny

@@ -627,6 +719,8 @@ data-tags="["vanguard","feather"]" data-order="2" data-group="Command Zone" + data-release="1997-05-01" + data-official="false" data-rarity="e05d" data-border="e05e" data-inner="false" @@ -638,7 +732,7 @@ Vanguard
-
+

Reprints @@ -655,6 +749,8 @@ data-tags="["summer"]" data-order="3" data-group="Reprints" + data-release="1994-06-21" + data-official="false" data-rarity="e01e" data-border="e01f" data-inner="false" @@ -671,6 +767,8 @@ data-tags="["foreign","black","border"]" data-order="3" data-group="Reprints" + data-release="1995-04-01" + data-official="false" data-rarity="e018" data-border="e019" data-inner="e01a" @@ -687,6 +785,8 @@ data-tags="["foreign","black","border"]" data-order="3" data-group="Reprints" + data-release="1995-04-01" + data-official="false" data-rarity="e036" data-border="e037" data-inner="" @@ -703,6 +803,8 @@ data-tags="["chronicles"]" data-order="3" data-group="Reprints" + data-release="1995-07-01" + data-official="false" data-rarity="e03c" data-border="e03d" data-inner="false" @@ -719,6 +821,8 @@ data-tags="["renaissance","custom"]" data-order="3" data-group="Reprints" + data-release="1995-08-01" + data-official="false" data-rarity="e03f" data-border="e040" data-inner="false" @@ -735,6 +839,8 @@ data-tags="["renaissance","rinascimento","italian","custom"]" data-order="3" data-group="Reprints" + data-release="1995-08-01" + data-official="false" data-rarity="e042" data-border="e043" data-inner="false" @@ -744,12 +850,30 @@ rin Rinascimento +
+ + ath + Anthologies

- Supplemental Sets + Supplemental

All other non-Standard printed sets designed to supplement the game. @@ -775,6 +899,8 @@ data-tags="["astral"]" data-order="5" data-group="Digital Sets" + data-release="1997-04-01" + data-official="true" data-rarity="e057" data-border="e058" data-inner="false" @@ -803,6 +929,8 @@ data-tags="["introductory","beginner","starter","2ps"]" data-order="6" data-group="Beginner Sets" + data-release="1996-12-31" + data-official="false" data-rarity="e04e" data-border="e04f" data-inner="false" @@ -819,6 +947,8 @@ data-tags="["portal","beginner"]" data-order="6" data-group="Beginner Sets" + data-release="1997-05-01" + data-official="" data-rarity="e05a" data-border="e05b" data-inner="e05c" @@ -830,19 +960,21 @@ Portal

- - por + + p02 Portal Second Age
@@ -863,6 +995,8 @@ data-tags="["collector","collectors"]" data-order="7" data-group="Premium Sets" + data-release="1993-12-10" + data-official="false" data-rarity="e009" data-border="e00a" data-inner="e00b" @@ -879,6 +1013,8 @@ data-tags="["international","collector","collectors"]" data-order="7" data-group="Premium Sets" + data-release="1993-12-10" + data-official="false" data-rarity="e00c" data-border="e00d" data-inner="e00e" @@ -890,7 +1026,7 @@ Intl. Collectors' Edition -
+

Promos @@ -907,6 +1043,8 @@ data-tags="["dragon","con","dragoncon"]" data-order="8" data-group="Promos" + data-release="1994-07-15" + data-official="true" data-rarity="e021" data-border="e022" data-inner="false" @@ -923,11 +1061,13 @@ data-tags="["harper","prism","book"]" data-order="8" data-group="Promos" + data-release="1994-09-01" + data-official="true" data-rarity="e027" data-border="e028" data-inner="false" data-version="4.0.0" - data-aliases="{"pleaf":{"code":"pbook","name":"Book Promo","release":"1994-09-01"}}" + data-aliases="{"pbook":{"code":"pbook","name":"Book Promo","release":"1994-09-01"}}" > phpr @@ -939,6 +1079,8 @@ data-tags="["media","insert","leaf"]" data-order="8" data-group="Promos" + data-release="1995-01-01" + data-official="true" data-rarity="e02d" data-border="e02e" data-inner="false" @@ -955,6 +1097,8 @@ data-tags="["dci","dci legends","membership"]" data-order="8" data-group="Promos" + data-release="1995-01-01" + data-official="true" data-rarity="e030" data-border="e031" data-inner="false" @@ -964,12 +1108,30 @@ pmtg Default Promo +
+ + pgc98 + Gen Con 98 Promo

- Standalone Sets + Standalone

Experimental, out-of-world, draft inovative, or other releases that can be played on their own. @@ -982,7 +1144,9 @@ data-name="Unglued" data-tags="["unglued","acorn"]" data-order="9" - data-group="Standalone Sets" + data-group="Standalone" + data-release="1998-08-11" + data-official="true" data-rarity="e06f" data-border="e070" data-inner="false" @@ -994,7 +1158,7 @@ Unglued

-
+

Alternatives @@ -1011,6 +1175,8 @@ data-tags="["legends","chronicles","alternative"]" data-order="10" data-group="Alternatives" + data-release="1995-07-01" + data-official="true" data-rarity="f8f6" data-border="f8f5" data-inner="false" @@ -1020,22 +1186,6 @@ legchr Legends (Chronicles) -
- - pgc98 - Gen Con 98 Promo

- Unofficial + Custom

- Home grown symbols to fill in gaps and other game needs. + Symbols I've created to fill in gaps and other game needs. Other unofficial symbols are incorporated and tagged above.

@@ -1086,7 +1240,9 @@ data-name="Asia Pacific Land Program" data-tags="["apac","asia","pacific","lands"]" data-order="11" - data-group="Unofficial" + data-group="Custom" + data-release="1998-09-01" + data-official="false" data-rarity="e072" data-border="e073" data-inner="false" @@ -1231,16 +1387,22 @@

Set code

-
-
+
+
-
+
-
+
+ + + Official + +
+
  • @@ -1257,11 +1419,12 @@
-
+
+
diff --git a/docs/src/assets/scss/_func.scss b/docs/src/assets/scss/_func.scss new file mode 100644 index 0000000..ed76f57 --- /dev/null +++ b/docs/src/assets/scss/_func.scss @@ -0,0 +1,13 @@ +@function encodehex($string) { + @return '%23' + string.slice($string, 1, 6); +} + +@function encodecolor($string) { + @if type-of($string) == 'color' and str-index(#{$string}, '#') == 1 { + $hex: str-slice(ie-hex-str($string), 4); + $string: unquote('#{$hex}'); + + @return '%23' + $string; + } + @return $string; +} \ No newline at end of file diff --git a/docs/src/assets/scss/_layout.scss b/docs/src/assets/scss/_layout.scss index 658b34b..ca7d2fe 100644 --- a/docs/src/assets/scss/_layout.scss +++ b/docs/src/assets/scss/_layout.scss @@ -11,6 +11,11 @@ $keyrune-ui: ( "300": "#29c9ff", //#74c0fc "500": "#0060e4", ), + "pink": ( + "100": "#f4d4e9", // bg + "300": "#ed73be", // border + "500": "#df3ea2", // text + ), "tan": ( "100": "#f2f1f1", "300": "#e0dfde", @@ -68,7 +73,6 @@ $keyrune-ui-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMa url( '../font/beleren.ttf' ) format( 'truetype' ), url( '../font/beleren.svg' ) format( 'svg' ); font-weight: normal; - font-style: normal; } diff --git a/docs/src/assets/scss/_sets.scss b/docs/src/assets/scss/_sets.scss index 04d1f58..412c952 100644 --- a/docs/src/assets/scss/_sets.scss +++ b/docs/src/assets/scss/_sets.scss @@ -347,7 +347,7 @@ object { top: 0; left: 0; background: var(--rgba-modal); - //backdrop-filter: blur(0.5rem); + backdrop-filter: blur(0.5rem); display: flex; align-items: center; justify-content: center; @@ -444,6 +444,21 @@ object { font-family: monospace; } + .official { + background-repeat: no-repeat; + background-position: 0 50%; + padding-left: 1.75rem; + margin-left: -0.25rem; + + &[data-official=true] { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c-1.2 0-2.4.6-3 1.7A3.6 3.6 0 0 0 4.6 9c-1 .6-1.7 1.8-1.7 3s.7 2.4 1.7 3c-.3 1.2 0 2.5 1 3.4.8.8 2.1 1.2 3.3 1 .6 1 1.8 1.6 3 1.6s2.4-.6 3-1.7c1.2.3 2.5 0 3.4-1 .8-.8 1.2-2 1-3.3 1-.6 1.6-1.8 1.6-3s-.6-2.4-1.7-3c.3-1.2 0-2.5-1-3.4a3.7 3.7 0 0 0-3.3-1c-.6-1-1.8-1.6-3-1.6Z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E"); + } + &[data-official=false] { + color: #{map.get($keyrune-ui, "pink", "300")}; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ed73be' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M17.196 9 6.804 15'%3E%3C/path%3E%3Cpath d='m6.804 9 10.392 6'%3E%3C/path%3E%3C/svg%3E"); + } + } + ul.glyphs { list-style: none; margin: 0; diff --git a/docs/src/assets/scss/_utils.scss b/docs/src/assets/scss/_utils.scss index d536549..63b0ee8 100644 --- a/docs/src/assets/scss/_utils.scss +++ b/docs/src/assets/scss/_utils.scss @@ -59,6 +59,9 @@ &-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } + &-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } } &-gap { @@ -83,6 +86,8 @@ &-4 { grid-column: span 4 / span 4; } &-5 { grid-column: span 5 / span 5; } &-6 { grid-column: span 6 / span 6; } + &-8 { grid-column: span 8 / span 8; } + &-12 { grid-column: span 12 / span 12; } } } @@ -108,6 +113,7 @@ &-1 { margin-left: 0.25rem; } &-2 { margin-left: 0.5rem; } &-4 { margin-left: 1rem; } + &-6 { margin-left: 1.5rem; } } &r { &-1 { margin-right: 0.25rem; } @@ -144,6 +150,10 @@ } } &y { + &-0 { + margin-top: 0; + margin-bottom: 0; + } &-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; diff --git a/docs/src/assets/scss/docs.scss b/docs/src/assets/scss/docs.scss index a4528f6..ccbbe92 100644 --- a/docs/src/assets/scss/docs.scss +++ b/docs/src/assets/scss/docs.scss @@ -1,6 +1,7 @@ @use "sass:map"; -@import "utils"; +@import "func"; @import "layout"; +@import "utils"; @import "type"; @import "home"; @import "sets"; \ No newline at end of file diff --git a/docs/src/content/sets/index.md b/docs/src/content/sets/index.md index e0d845a..5aa27ed 100644 --- a/docs/src/content/sets/index.md +++ b/docs/src/content/sets/index.md @@ -22,7 +22,7 @@ modal: true
Version {{% data/version %}} contains {{% data/count %}} icons. - LEG or Dragon! + diff --git a/docs/src/data/sets.json b/docs/src/data/sets.json index 17d0758..df6643c 100644 --- a/docs/src/data/sets.json +++ b/docs/src/data/sets.json @@ -17,6 +17,7 @@ "release": "1993-08-05", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "core", @@ -37,6 +38,7 @@ "release": "1993-10-04", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "core", @@ -57,6 +59,7 @@ "release": "1993-12-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "core", @@ -77,7 +80,14 @@ "release": "1994-04-01", "subgroup": false, "version": "4.0.0", - "aliases": false, + "official": false, + "aliases": { + "3e": { + "code": "3e", + "name": "Gatherer code", + "release": "1994-04-01" + } + }, "tags": [ "core", "revised", @@ -98,6 +108,7 @@ "release": "1995-04-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "4e": { "code": "4e", @@ -125,6 +136,7 @@ "release": "1997-03-24", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "5e": { "code": "5e", @@ -153,6 +165,7 @@ "release": "1999-04-21", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "6e": { "code": "6e", @@ -185,6 +198,7 @@ "release": "1993-12-17", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "an": { "code": "an", @@ -210,6 +224,7 @@ "release": "1994-03-04", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "aq": { "code": "aq", @@ -234,6 +249,7 @@ "release": "1994-06-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "le": { "code": "le", @@ -257,6 +273,7 @@ "release": "1994-08-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "dk": { "code": "dk", @@ -280,6 +297,7 @@ "release": "1994-11-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "fe": { "code": "fe", @@ -304,6 +322,7 @@ "release": "1995-06-03", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "ia": { "code": "ia", @@ -329,6 +348,7 @@ "release": "1995-10-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "hm": { "code": "hm", @@ -352,6 +372,7 @@ "release": "1996-06-10", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "al": { "code": "al", @@ -375,6 +396,7 @@ "release": "1996-10-08", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "mi": { "code": "mi", @@ -391,8 +413,8 @@ }, "vis": { "code": "vis", - "name": "Mirage", - "display": "Mirage", + "name": "Visions", + "display": "Visions", "nicknames": false, "rarity": "e051", "border": "e052", @@ -400,6 +422,7 @@ "release": "1997-02-03", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "vi": { "code": "vi", @@ -424,6 +447,7 @@ "release": "1997-06-09", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": false, "tags": [ "weatherlight", @@ -442,6 +466,7 @@ "release": "1997-10-14", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "te": { "code": "te", @@ -467,6 +492,7 @@ "release": "1998-03-02", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "st": { "code": "st", @@ -492,8 +518,9 @@ "release": "1998-06-15", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { - "st": { + "ex": { "code": "ex", "name": "Gatherer code", "release": "1998-06-15" @@ -504,6 +531,81 @@ "rath", "bridge" ] + }, + "usg": { + "code": "usg", + "name": "Urza's Saga", + "display": "Urza's Saga", + "nicknames": false, + "rarity": "e075", + "border": "e076", + "inner": false, + "release": "1998-10-12", + "subgroup": false, + "version": "4.0.0", + "official": true, + "aliases": { + "uz": { + "code": "uz", + "name": "Gatherer code", + "release": "1998-10-12" + } + }, + "tags": [ + "urza", + "artifact", + "gears" + ] + }, + "ulg": { + "code": "ulg", + "name": "Urza's Legacy", + "display": "Urza's Legacy", + "nicknames": false, + "rarity": "e07b", + "border": "e07c", + "inner": false, + "release": "1999-02-15", + "subgroup": false, + "version": "4.0.0", + "official": true, + "aliases": { + "gu": { + "code": "gu", + "name": "Gatherer code", + "release": "1999-02-15" + } + }, + "tags": [ + "urza", + "artifact", + "hammer" + ] + }, + "uds": { + "code": "uds", + "name": "Urza's Destiny", + "display": "Urza's Destiny", + "nicknames": false, + "rarity": "e081", + "border": "e082", + "inner": false, + "release": "1999-06-07", + "subgroup": false, + "version": "4.0.0", + "official": true, + "aliases": { + "cg": { + "code": "cg", + "name": "Gatherer code", + "release": "1999-06-07" + } + }, + "tags": [ + "urza", + "artifact", + "flask" + ] } } }, @@ -523,6 +625,7 @@ "release": "1997-05-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "vanguard", @@ -547,6 +650,7 @@ "release": "1994-06-21", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "summer" @@ -567,6 +671,7 @@ "release": "1995-04-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "3edfbb": { "code": "3edfbb", @@ -594,6 +699,7 @@ "release": "1995-04-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "4edfbb": { "code": "4edfbb", @@ -618,6 +724,7 @@ "release": "1995-07-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "ch": { "code": "ch", @@ -640,6 +747,7 @@ "release": "1995-08-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "renaissance", @@ -657,6 +765,7 @@ "release": "1995-08-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "renaissance", @@ -664,12 +773,30 @@ "italian", "custom" ] + }, + "ath": { + "code": "ath", + "name": "Anthologies", + "display": "Anthologies", + "nicknames": false, + "rarity": "e078", + "border": "e079", + "inner": false, + "release": "1998-11-01", + "subgroup": false, + "version": "4.0.0", + "official": false, + "aliases": false, + "tags": [ + "book", + "custom" + ] } } }, "supplemental": { "order": 4, - "name": "Supplemental Sets", + "name": "Supplemental", "description": "All other non-Standard printed sets designed to supplement the game.", "sets": {} }, @@ -691,6 +818,7 @@ "release": "1997-04-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": false, "tags": [ "astral" @@ -714,6 +842,7 @@ "release": "1996-12-31", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "x2ps": { "code": "x2ps", @@ -746,7 +875,7 @@ ] }, "p02": { - "code": "por", + "code": "p02", "name": "Portal Second Age", "display": "Portal Second Age", "nicknames": [ @@ -758,6 +887,7 @@ "release": "1998-06-24", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": false, "tags": [ "portal", @@ -785,6 +915,7 @@ "release": "1993-12-10", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "ce": { "code": "ce", @@ -812,6 +943,7 @@ "release": "1993-12-10", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": { "ie": { "code": "ie", @@ -843,6 +975,7 @@ "release": "1994-07-15", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": false, "tags": [ "dragon", @@ -864,8 +997,9 @@ "release": "1994-09-01", "subgroup": false, "version":"4.0.0", + "official": true, "aliases": { - "pleaf": { + "pbook": { "code": "pbook", "name": "Book Promo", "release": "1994-09-01" @@ -891,6 +1025,7 @@ "release": "1995-01-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "pleaf": { "code": "pleaf", @@ -917,6 +1052,7 @@ "release": "1995-01-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "plgm": { "code": "plgm", @@ -934,12 +1070,34 @@ "dci legends", "membership" ] + }, + "pgc98": { + "code": "pgc98", + "name": "Gen Con 1998 Oversized Promo", + "display": "Gen Con 98 Promo", + "nicknames": [ + "Oversized 90s Promo", + "Gen Con 98 Oversized Promo" + ], + "rarity": "f8f4", + "border": "f8f3", + "inner": false, + "release": "1996-04-01", + "subgroup": false, + "version": "4.0.0", + "official": true, + "aliases": false, + "tags": [ + "oversized", + "gen con", + "[[Incoming!|o90p]]" + ] } } }, "standalone": { "order": 9, - "name": "Standalone Sets", + "name": "Standalone", "description": "Experimental, out-of-world, draft inovative, or other releases that can be played on their own.", "sets": { "ugl": { @@ -953,6 +1111,7 @@ "release": "1998-08-11", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": false, "tags": [ "unglued", @@ -979,6 +1138,7 @@ "release": "1995-07-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "leg2": { "code": "leg2", @@ -992,27 +1152,6 @@ "alternative" ] }, - "pgc98": { - "code": "pgc98", - "name": "Gen Con 1998 Oversized Promo", - "display": "Gen Con 98 Promo", - "nicknames": [ - "Oversized 90s Promo", - "Gen Con 98 Oversized Promo" - ], - "rarity": "f8f4", - "border": "f8f3", - "inner": false, - "release": "1996-04-01", - "subgroup": false, - "version": "4.0.0", - "aliases": false, - "tags": [ - "oversized", - "gen con", - "[[Incoming!|o90p]]" - ] - }, "po": { "code": "po", "name": "Portal (Gatherer)", @@ -1026,6 +1165,7 @@ "release": "1997-05-01", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "por2": { "code": "por2", @@ -1052,6 +1192,7 @@ "release": "1997-06-09", "subgroup": false, "version": "4.0.0", + "official": true, "aliases": { "por2": { "code": "wth2", @@ -1067,10 +1208,10 @@ } } }, - "unofficial": { + "custom": { "order": 11, - "name": "Unofficial", - "description": "Home grown symbols to fill in gaps and other game needs.", + "name": "Custom", + "description": "Symbols I've created to fill in gaps and other game needs. Other unofficial symbols are incorporated and tagged above.", "sets": { "palp": { "code": "palp", @@ -1087,6 +1228,7 @@ "release": "1998-09-01", "subgroup": false, "version": "4.0.0", + "official": false, "aliases": false, "tags": [ "apac", diff --git a/docs/src/layouts/_default/baseof.html b/docs/src/layouts/_default/baseof.html index 9b6b8f3..ec71535 100644 --- a/docs/src/layouts/_default/baseof.html +++ b/docs/src/layouts/_default/baseof.html @@ -10,10 +10,10 @@ - {{ $options := (dict "targetPath" "static/assets/css/docs.css" "transpiler" "dartsass") }} - {{ $sass := resources.Get "scss/docs.scss" }} - {{ $style := $sass | resources.ToCSS $options }} - + {{- $options := (dict "targetPath" "assets/css/docs.css" "transpiler" "dartsass") -}} + {{- $sass := resources.Get "scss/docs.scss" -}} + {{- $style := $sass | resources.ToCSS $options -}} + diff --git a/docs/src/layouts/partials/modal.html b/docs/src/layouts/partials/modal.html index 5319415..a8c0bf9 100644 --- a/docs/src/layouts/partials/modal.html +++ b/docs/src/layouts/partials/modal.html @@ -19,16 +19,22 @@

Set code

-
-
+
+
-
+
-
+
+ + + Official + +
+
  • @@ -45,11 +51,12 @@
-
+
+
diff --git a/docs/src/layouts/shortcodes/icons.html b/docs/src/layouts/shortcodes/icons.html index 71ead05..6ade94f 100644 --- a/docs/src/layouts/shortcodes/icons.html +++ b/docs/src/layouts/shortcodes/icons.html @@ -20,6 +20,8 @@ data-tags="{{ $set.tags | jsonify }}" data-order="{{ $group.order }}" data-group="{{ $group.name }}" + data-release="{{ $set.release }}" + data-official="{{ $set.official }}" data-rarity="{{ $set.rarity }}" data-border="{{ $set.border }}" data-inner="{{ $set.inner }}" diff --git a/docs/src/static/assets/js/glitz.js b/docs/src/static/assets/js/glitz.js index 2b3fc06..8efcffa 100644 --- a/docs/src/static/assets/js/glitz.js +++ b/docs/src/static/assets/js/glitz.js @@ -63,7 +63,10 @@ function filterIcons(q) { let code = ''; let tags = Object; let group = ''; + let release = ''; let parent = ''; + let is = ''; + let modern = new Date('2003-08-28'); // set the URL to show the param if (q.length > 0) { @@ -79,13 +82,53 @@ function filterIcons(q) { code = $(this).data('code'); tags = $(this).data('tags'); group = $(this).data('order'); + release = new Date($(this).data('release')); + official = $(this).data('official'); parent = $('.set-group[data-id="'+group+'"]'); - // show/hide icons based on query index - if (code.indexOf(q) >= 0 || Object.values(tags).indexOf(q) >= 0) { - $(this).removeClass('hidden'); - } else { + // check if we have an is: query; [old, modern, official, custom] + if (q.substring(0, 3) == 'is:') { + + // hide everything right away $(this).addClass('hidden'); + + // get the mode + is = q.split(':')[1]; + + // should this be a switch? + if (is == 'modern') { + if (release.getTime() >= modern.getTime()) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'old') { + if (release.getTime() < modern.getTime()) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'official') { + if (official) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } else if (is == 'custom') { + if (!official) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } + } + // otherwise check code/tags for the string + } else { + // show/hide icons based on query index + if (code.indexOf(q) >= 0 || Object.values(tags).indexOf(q) >= 0) { + $(this).removeClass('hidden'); + } else { + $(this).addClass('hidden'); + } } // poll for group's non-hidden count and hide it if there are none @@ -124,6 +167,8 @@ function openModal(icon) { let tagp = ''; let tagc = ''; let group = icon.data('group'); + let status = icon.data('official'); + let statusl = (icon.data('official')) ? 'Official' : "Custom"; let rarity = (icon.data('rarity')) ? icon.data('rarity') : 'n/a'; let border = (icon.data('border')) ? icon.data('border') : 'n/a'; let inner = (icon.data('inner')) ? icon.data('inner') : 'n/a'; @@ -153,6 +198,7 @@ function openModal(icon) { $('details div.table h2.name').html(name); $('details div.table h3.class').html(code); $('details div.table span.group').html(group); + $('details div.table span.official').data("official", status).html(statusl); $('details div.table li.rarity span').html(rarity); $('details div.table li.rarity i').html('&#x'+rarity); $('details div.table li.border').attr('class', 'border '+icon.data('border')+''); diff --git a/package.json b/package.json index fd1bc92..527db8f 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,13 @@ "doc": "docs" }, "scripts": { - "build": "" + "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" }, "repository": { "type": "git", @@ -19,5 +25,5 @@ "bugs": { "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 1593b2d..45f37f1 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 af55683..822ca1b 100644 --- a/src/font/keyrune.svg +++ b/src/font/keyrune.svg @@ -7,7 +7,7 @@ { "fontFamily": "keyrune", "majorVersion": 4, - "minorVersion": 0.45, + "minorVersion": 0.46, "fontURL": "https://keyrune.andrewgioia.com", "description": "Magic: the Gathering set symbol pictographic font\nFont generated by IcoMoon.", "copyright": "2022", @@ -122,8 +122,16 @@ + + + + + + + + diff --git a/src/font/keyrune.ttf b/src/font/keyrune.ttf index c3ed197..4281af4 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 21e931d..d52a2d8 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 3f03330..2a7173c 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 9ad5d7c..76f8aaa 100644 --- a/src/scss/_aliases.scss +++ b/src/scss/_aliases.scss @@ -7,7 +7,7 @@ $keyrune-aliases: ( pvan: ("van"), // legacy support ); -$keyrune-complete-aliases: ( +$keyrune-aliases-complete: ( past: ("pmic"), // // shooting star diff --git a/src/scss/_sets.scss b/src/scss/_sets.scss new file mode 100644 index 0000000..de0c99d --- /dev/null +++ b/src/scss/_sets.scss @@ -0,0 +1,198 @@ +@font-face { + font-family: '#{$keyrune-font-family}'; + src: url('#{$keyrune-font-path}/#{$keyrune-font-family}.eot?#{$keyrune-version}'); + src: url('#{$keyrune-font-path}/#{$keyrune-font-family}.eot?#{$keyrune-version}#iefix') format('embedded-opentype'), + url('#{$keyrune-font-path}/#{$keyrune-font-family}.woff2?#{$keyrune-version}') format('woff2'), + url('#{$keyrune-font-path}/#{$keyrune-font-family}.ttf?#{$keyrune-version}') format('truetype'), + url('#{$keyrune-font-path}/#{$keyrune-font-family}.woff?#{$keyrune-version}') format('woff'), + url('#{$keyrune-font-path}/#{$keyrune-font-family}.svg?#{$keyrune-version}##{$keyrune-font-family}') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +// default styles and set symbol definitions +.#{$keyrune-prefix} { + + // base styles + font-family: '#{$keyrune-font-family}' !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; + + // better font rendering + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + // ::before is the symbol layer + // ::after is the border layer + // ::marker is the (experimental) inner layer + @each $set, $layers in $keyrune-sets { + &-#{$set} { + @include layers($layers); + } + // check for aliases and assign the same glyphs + @if ($keyrune-include-aliases) { + @if map-get($keyrune-aliases, $set) { + @each $alias in map-get($keyrune-aliases, $set) { + &-#{$alias} { + @include layers($layers); + } + } + } + } + // check for complete set of aliases in full version + @if ($keyrune-include-everything) { + @if map-get($keyrune-aliases-complete, $set) { + @each $alias in map-get($keyrune-aliases-complete, $set) { + &-#{$alias} { + @include layers($layers); + } + } + } + } + } + + // accessory features + &.#{$keyrune-prefix} { + + // border + &-border { + + // default and common border styles + &::after { + color: var(--border-default); + position: absolute; + left: 0; + } + + // rarities > common have a black border + &.#{$keyrune-prefix}-rarity-common-alt::after, + &.#{$keyrune-prefix}-rarity-uncommon::after, + &.#{$keyrune-prefix}-rarity-rare::after, + &.#{$keyrune-prefix}-rarity-mythic::after, + &.#{$keyrune-prefix}-rarity-foil::after, + &.#{$keyrune-prefix}-border-black::after { + color: var(--border-contrast); + } + + // convenience class to force a white border + &-white::after { + color: var(--border-default) !important; + } + } + + // inner + // requires advanced positional styles for glyphs taller than they are wide + &-inner { + + // must be list-item for this to appear + display: list-item; + list-style-position: inside; + + // set symbol must be absolutely positioned + &::before { + position: absolute; + left: 0; + } + + // inner color + &::marker { + color: var(--inner-default); + } + + // position via transforms for everything until there's a better way + &::before, + &::after, + &::marker { + left: 50%; + transform: translateX(-50%); + } + } + + // rarity colors + &-rarity { + + // rarity loop + @each $rarity, $colors in $keyrune-rarities { + &-#{$rarity} { + // set the symbol's color + &::before { + color: #{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; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + + // special foil case + &-foil { + &::before { + color: #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; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + + // fixed width + &-fw { + + // set the width to the largest symbole, ARN, at 1.75em + width: 1.75em; + display: list-item; + list-style-position: inside; + text-align: center; + + // if there is no inner, we need to hide the marker + &:not(.#{$keyrune-prefix}-inner) { + list-style: none; + } + + // correction when there's a border and no inner + &.#{$keyrune-prefix}-border:not(.#{$keyrune-prefix}-inner)::after { + left: 50%; + transform: translateX(-50%); + } + } + + // colors + &-white { + &::before, + &::after, + &::marker { + color: #{map.get($keyrune-colors, "white")}; + } + } + } +} \ No newline at end of file diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index a75f6a6..e34afe4 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -1,11 +1,12 @@ // core -$keyrune-font-family: "keyrune" !default; -$keyrune-font-path: "../font" !default; -$keyrune-prefix: "ss" !default; -$keyrune-version: "4.0.38" !default; +$keyrune-font-family: "keyrune" !default; +$keyrune-font-path: "../font" !default; +$keyrune-prefix: "ss" !default; +$keyrune-version: "4.0.38" !default; // build options -$keyrune-include-aliases: true; +$keyrune-include-aliases: true; +$keyrune-include-everything: false; // $keyrune-colors: ( @@ -248,14 +249,31 @@ $keyrune-sets: ( border: "\e073", inner: "\f8ff", // empty ), - // - // ... - // + usg: ( + rarity: "\e075", + border: "\e076", + inner: "\f8ff", // empty + ), + ath: ( + rarity: "\e078", + border: "\e079", + inner: "\f8ff", // empty + ), + ulg: ( + rarity: "\e07b", + border: "\e07c", + inner: "\f8ff", // empty + ), 6ed: ( rarity: "\e07e", border: "\e07f", inner: "\f8ff", // empty ), + uds: ( + rarity: "\e081", + border: "\e082", + inner: "\f8ff", // empty + ), // // backwards from the end for alternatives/oddities legchr: ( diff --git a/src/scss/keyrune-full.scss b/src/scss/keyrune-full.scss new file mode 100644 index 0000000..19d6d2b --- /dev/null +++ b/src/scss/keyrune-full.scss @@ -0,0 +1,8 @@ +@use "sass:map"; +@import "variables"; +@import "aliases"; +@import "helpers"; +@import "media"; + +$keyrune-include-everything: true; +@import "sets"; \ No newline at end of file diff --git a/src/scss/keyrune.scss b/src/scss/keyrune.scss index 1de77d9..4e14b7a 100644 --- a/src/scss/keyrune.scss +++ b/src/scss/keyrune.scss @@ -1,195 +1,6 @@ @use "sass:map"; - @import "variables"; @import "aliases"; @import "helpers"; @import "media"; - -@font-face { - font-family: '#{$keyrune-font-family}'; - src: url('#{$keyrune-font-path}/#{$keyrune-font-family}.eot?#{$keyrune-version}'); - src: url('#{$keyrune-font-path}/#{$keyrune-font-family}.eot?#{$keyrune-version}#iefix') format('embedded-opentype'), - url('#{$keyrune-font-path}/#{$keyrune-font-family}.woff2?#{$keyrune-version}') format('woff2'), - url('#{$keyrune-font-path}/#{$keyrune-font-family}.ttf?#{$keyrune-version}') format('truetype'), - url('#{$keyrune-font-path}/#{$keyrune-font-family}.woff?#{$keyrune-version}') format('woff'), - url('#{$keyrune-font-path}/#{$keyrune-font-family}.svg?#{$keyrune-version}##{$keyrune-font-family}') format('svg'); - font-weight: normal; - font-style: normal; - font-display: block; -} - -// default styles and set symbol definitions -.#{$keyrune-prefix} { - - // base styles - font-family: '#{$keyrune-font-family}' !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; - - // better font rendering - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - // ::before is the symbol layer - // ::after is the border layer - // ::marker is the (experimental) inner layer - @each $set, $layers in $keyrune-sets { - &-#{$set} { - @include layers($layers); - } - // check for aliases and assign the same glyphs - @if ($keyrune-include-aliases) { - @if map-get($keyrune-aliases, $set) { - @each $alias in map-get($keyrune-aliases, $set) { - &-#{$alias} { - @include layers($layers); - } - } - } - } - } - - // accessory features - &.#{$keyrune-prefix} { - - // border - &-border { - - // default and common border styles - &::after { - color: var(--border-default); - position: absolute; - left: 0; - } - - // rarities > common have a black border - &.#{$keyrune-prefix}-rarity-common-alt::after, - &.#{$keyrune-prefix}-rarity-uncommon::after, - &.#{$keyrune-prefix}-rarity-rare::after, - &.#{$keyrune-prefix}-rarity-mythic::after, - &.#{$keyrune-prefix}-rarity-foil::after, - &.#{$keyrune-prefix}-border-black::after { - color: var(--border-contrast); - } - - // convenience class to force a white border - &-white::after { - color: var(--border-default) !important; - } - } - - // inner - // requires advanced positional styles for glyphs taller than they are wide - &-inner { - - // must be list-item for this to appear - display: list-item; - list-style-position: inside; - - // set symbol must be absolutely positioned - &::before { - position: absolute; - left: 0; - } - - // inner color - &::marker { - color: var(--inner-default); - } - - // position via transforms for everything until there's a better way - &::before, - &::after, - &::marker { - left: 50%; - transform: translateX(-50%); - } - } - - // rarity colors - &-rarity { - - // rarity loop - @each $rarity, $colors in $keyrune-rarities { - &-#{$rarity} { - // set the symbol's color - &::before { - color: #{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; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - } - } - - // special foil case - &-foil { - &::before { - color: #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; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - } - } - } - - // fixed width - &-fw { - - // set the width to the largest symbole, ARN, at 1.75em - width: 1.75em; - display: list-item; - list-style-position: inside; - text-align: center; - - // if there is no inner, we need to hide the marker - &:not(.#{$keyrune-prefix}-inner) { - list-style: none; - } - - // correction when there's a border and no inner - &.#{$keyrune-prefix}-border:not(.#{$keyrune-prefix}-inner)::after { - left: 50%; - transform: translateX(-50%); - } - } - - // colors - &-white { - &::before, - &::after, - &::marker { - color: #{map.get($keyrune-colors, "white")}; - } - } - } -} \ No newline at end of file +@import "sets"; \ No newline at end of file