andrew/keyrune
andrew/keyrune
1
0
Fork 0
mirror of https://github.com/andrewgioia/keyrune.git synced 2024-11-14 19:24:46 +00:00
Code Issues Projects Releases Wiki Activity

Adds a bunch of new symbols up to 7ED, new Firefox specific fixes for a few symbols, docs site color improvements, docs site CSS variable consistency, cleans up some processes

Browse Source
This commit is contained in:
Andrew Gioia 2023-10-19 14:12:14 -04:00
parent 5c06fc25f4
commit 19f36710e3
Signed by: andrew
GPG Key ID: FC09694A000800C8
60 changed files with 5132 additions and 2136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
demo/sets.js
View File

@ -26,12 +26,20 @@ sets = {
"usg": "Urza's Saga", "usg": "Urza's Saga",
"ulg": "Urza's Legacy", "ulg": "Urza's Legacy",
"uds": "Urza's Destiny", "uds": "Urza's Destiny",
"mmq": "Mercadian Masques",
}, },
"Command": { "Command": {
"pvan": "Vanguard", "pvan": "Vanguard",
}, },
"Reprint": { "Reprint": {
"sum": "Summer Magic",
"fbb": "Foreign Black Border",
"4bb": "4th Edition Black Border",
"chr": "Chronicles", "chr": "Chronicles",
"ren": "Renaissance",
"rin": "Rinascimento",
"ath": "Anthologies",
"brb": "Battle Royale Box Set",
}, },
"Supplemental": {}, "Supplemental": {},
"Digital": { "Digital": {
@ -40,7 +48,9 @@ sets = {
"Beginner": { "Beginner": {
"itp": "Introductory 2-Player Set", "itp": "Introductory 2-Player Set",
"por": "Portal", "por": "Portal",
"p02": "Portal Second Age" "p02": "Portal Second Age",
"s99": "Starter 1999",
"ptk": "Portal Three Kingdoms",
}, },
"Premium": { "Premium": {
"ced": "Collectors' Edition", "ced": "Collectors' Edition",
@ -51,23 +61,18 @@ sets = {
"phpr": "HarperPrism Book Promos", "phpr": "HarperPrism Book Promos",
"pmei": "Media Inserts", "pmei": "Media Inserts",
"pmtg": "MTG Logo Promos", "pmtg": "MTG Logo Promos",
"pgc98": "Gen Con 1998 Oversized Promo",
"palp": "Asia Pacific Land Program",
"pgru": "Guru",
"fnm": "Friday Night Magic",
}, },
"Standalone": { "Standalone": {
"ugl": "Unglued", "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": { "Alternative": {
"legchr": "Legends (Chronicles)", "legchr": "Legends (Chronicles)",
"pgc98": "Gen Con 1998 Oversized Promo",
"po": "Portal (Gatherer)", "po": "Portal (Gatherer)",
"wl": "Weatherlight (Gatherer)", "wl": "Weatherlight (Gatherer)",
"brbalt": "Battle Royale (Alternate)",
} }
} }

101
dist/css/keyrune-full.css vendored
View File

@ -622,6 +622,15 @@
.ss-ptk.ss-inner::marker { .ss-ptk.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-p3k::before {
content: "\e087";
}
.ss-p3k.ss-border::after {
content: "\e088";
}
.ss-p3k.ss-inner::marker {
content: "\f8ff";
}
.ss-pgru::before { .ss-pgru::before {
content: "\e08a"; content: "\e08a";
} }
@ -640,78 +649,114 @@
.ss-mmq.ss-inner::marker { .ss-mmq.ss-inner::marker {
content: "\e08f"; content: "\e08f";
} }
.ss-legchr::before { .ss-brb::before {
content: "\e090";
}
.ss-brb.ss-border::after {
content: "\e091";
}
.ss-brb.ss-inner::marker {
content: "\f8ff";
}
.ss-fnm::before {
content: "\e093";
}
.ss-fnm.ss-border::after {
content: "\e094";
}
.ss-fnm.ss-inner::marker {
content: "\e095";
}
.ss-4eda::before {
content: "\f8f6"; content: "\f8f6";
} }
.ss-legchr.ss-border::after { .ss-4eda.ss-border::after {
content: "\f8f5"; content: "\f8f5";
} }
.ss-4eda.ss-inner::marker {
content: "\f8ff";
}
.ss-legchr::before {
content: "\f8f4";
}
.ss-legchr.ss-border::after {
content: "\f8f3";
}
.ss-legchr.ss-inner::marker { .ss-legchr.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-leg2::before { .ss-leg2::before {
content: "\f8f6"; content: "\f8f4";
} }
.ss-leg2.ss-border::after { .ss-leg2.ss-border::after {
content: "\f8f5"; content: "\f8f3";
} }
.ss-leg2.ss-inner::marker { .ss-leg2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-pgc98::before { .ss-pgc98::before {
content: "\f8f4"; content: "\f8f2";
} }
.ss-pgc98.ss-border::after { .ss-pgc98.ss-border::after {
content: "\f8f3"; content: "\f8f1";
} }
.ss-pgc98.ss-inner::marker { .ss-pgc98.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-o90p::before { .ss-o90p::before {
content: "\f8f4"; content: "\f8f2";
} }
.ss-o90p.ss-border::after { .ss-o90p.ss-border::after {
content: "\f8f3"; content: "\f8f1";
} }
.ss-o90p.ss-inner::marker { .ss-o90p.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-po::before { .ss-po::before {
content: "\f8f2"; content: "\f8f0";
} }
.ss-po.ss-border::after { .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"; content: "\f8ef";
} }
.ss-wl.ss-border::after { .ss-po.ss-inner::marker {
content: "\f8ee"; content: "\f8ee";
} }
.ss-por2::before {
content: "\f8f0";
}
.ss-por2.ss-border::after {
content: "\f8ef";
}
.ss-por2.ss-inner::marker {
content: "\f8ee";
}
.ss-wl::before {
content: "\f8ed";
}
.ss-wl.ss-border::after {
content: "\f8ec";
}
.ss-wl.ss-inner::marker { .ss-wl.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-wth2::before { .ss-wth2::before {
content: "\f8ef"; content: "\f8ed";
} }
.ss-wth2.ss-border::after { .ss-wth2.ss-border::after {
content: "\f8ee"; content: "\f8ec";
} }
.ss-wth2.ss-inner::marker { .ss-wth2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-brbalt::before {
content: "\f8eb";
}
.ss-brbalt.ss-border::after {
content: "\f8ea";
}
.ss-brbalt.ss-inner::marker {
content: "\f8ff";
}
.ss.ss-border::after { .ss.ss-border::after {
color: var(--ss-border); color: var(--ss-border);
position: absolute; position: absolute;
@ -784,7 +829,7 @@
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.ss.ss-rarity-rare { .ss.ss-rarity-rare {
--ss-rarity: #b7a066; --ss-rarity: #a48a37;
} }
.ss.ss-rarity-rare.ss-rarity-gradient::before { .ss.ss-rarity-rare.ss-rarity-gradient::before {
--ss-rarity-bg: --ss-rarity-bg:

2
dist/css/keyrune-full.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune-full.css"} {"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune-full.css"}

2
dist/css/keyrune-full.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/keyrune-full.min.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"CAEA,MACI,kBACA,8BACA,iBACA,qBACA,4BAEA,sBACI,kBACA,2BACA,kBACA,iBCbR,WACI,sBACA,sCACA,2RAKA,mBACA,kBACA,mBAIJ,IAGI,iCACA,uBACA,YACA,kBACA,mBACA,oBACA,kBACA,oBACA,cACA,oBAGA,mCACA,kCAGA,YACI,+BC9BJ,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YD0DA,qBACI,uBACA,kBACA,OAIJ,qOAMI,gCAIJ,oBACI,6BAMR,aAGI,kBACA,2BAGA,qBACI,kBACA,OAIJ,qBACI,sBAIJ,8DAGI,SACA,2BASA,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,yBAEI,kBAEA,oDACI,uDAMA,yBACA,qBACA,6BACA,sCAdR,uBAEI,qBAEA,kDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,mBAEI,qBAEA,8CACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAMZ,mBACI,qBACA,8CACI,iJAWA,yBACA,qBACA,6BACA,sCAMZ,UAGI,aACA,kBACA,2BACA,kBAGA,yBACI,gBAIJ,0CACI,SACA,2BAMJ,8DAGI","file":"keyrune-full.min.css"} {"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"CAEA,MACI,kBACA,8BACA,iBACA,qBACA,4BAEA,sBACI,kBACA,2BACA,kBACA,iBCbR,WACI,sBACA,sCACA,2RAKA,mBACA,kBACA,mBAIJ,IAGI,iCACA,uBACA,YACA,kBACA,mBACA,oBACA,kBACA,oBACA,cACA,oBAGA,mCACA,kCAGA,YACI,+BC9BJ,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YD0DA,qBACI,uBACA,kBACA,OAIJ,qOAMI,gCAIJ,oBACI,6BAMR,aAGI,kBACA,2BAGA,qBACI,kBACA,OAIJ,qBACI,sBAIJ,8DAGI,SACA,2BASA,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,yBAEI,kBAEA,oDACI,uDAMA,yBACA,qBACA,6BACA,sCAdR,uBAEI,qBAEA,kDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,mBAEI,qBAEA,8CACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAMZ,mBACI,qBACA,8CACI,iJAWA,yBACA,qBACA,6BACA,sCAMZ,UAGI,aACA,kBACA,2BACA,kBAGA,yBACI,gBAIJ,0CACI,SACA,2BAMJ,8DAGI","file":"keyrune-full.min.css"}

103
dist/css/keyrune.css vendored
View File

@ -487,6 +487,15 @@
.ss-ptk.ss-inner::marker { .ss-ptk.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-p3k::before {
content: "\e087";
}
.ss-p3k.ss-border::after {
content: "\e088";
}
.ss-p3k.ss-inner::marker {
content: "\f8ff";
}
.ss-pgru::before { .ss-pgru::before {
content: "\e08a"; content: "\e08a";
} }
@ -505,69 +514,105 @@
.ss-mmq.ss-inner::marker { .ss-mmq.ss-inner::marker {
content: "\e08f"; content: "\e08f";
} }
.ss-legchr::before { .ss-brb::before {
content: "\e090";
}
.ss-brb.ss-border::after {
content: "\e091";
}
.ss-brb.ss-inner::marker {
content: "\f8ff";
}
.ss-fnm::before {
content: "\e093";
}
.ss-fnm.ss-border::after {
content: "\e094";
}
.ss-fnm.ss-inner::marker {
content: "\e095";
}
.ss-4eda::before {
content: "\f8f6"; content: "\f8f6";
} }
.ss-legchr.ss-border::after { .ss-4eda.ss-border::after {
content: "\f8f5"; content: "\f8f5";
} }
.ss-4eda.ss-inner::marker {
content: "\f8ff";
}
.ss-legchr::before {
content: "\f8f4";
}
.ss-legchr.ss-border::after {
content: "\f8f3";
}
.ss-legchr.ss-inner::marker { .ss-legchr.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-leg2::before { .ss-leg2::before {
content: "\f8f6"; content: "\f8f4";
} }
.ss-leg2.ss-border::after { .ss-leg2.ss-border::after {
content: "\f8f5"; content: "\f8f3";
} }
.ss-leg2.ss-inner::marker { .ss-leg2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-pgc98::before { .ss-pgc98::before {
content: "\f8f4"; content: "\f8f2";
} }
.ss-pgc98.ss-border::after { .ss-pgc98.ss-border::after {
content: "\f8f3"; content: "\f8f1";
} }
.ss-pgc98.ss-inner::marker { .ss-pgc98.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-po::before { .ss-po::before {
content: "\f8f2"; content: "\f8f0";
} }
.ss-po.ss-border::after { .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"; content: "\f8ef";
} }
.ss-wl.ss-border::after { .ss-po.ss-inner::marker {
content: "\f8ee"; content: "\f8ee";
} }
.ss-por2::before {
content: "\f8f0";
}
.ss-por2.ss-border::after {
content: "\f8ef";
}
.ss-por2.ss-inner::marker {
content: "\f8ee";
}
.ss-wl::before {
content: "\f8ed";
}
.ss-wl.ss-border::after {
content: "\f8ec";
}
.ss-wl.ss-inner::marker { .ss-wl.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-wth2::before { .ss-wth2::before {
content: "\f8ef"; content: "\f8ed";
} }
.ss-wth2.ss-border::after { .ss-wth2.ss-border::after {
content: "\f8ee"; content: "\f8ec";
} }
.ss-wth2.ss-inner::marker { .ss-wth2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-brbalt::before {
content: "\f8eb";
}
.ss-brbalt.ss-border::after {
content: "\f8ea";
}
.ss-brbalt.ss-inner::marker {
content: "\f8ff";
}
.ss.ss-border::after { .ss.ss-border::after {
color: var(--ss-border); color: var(--ss-border);
position: absolute; position: absolute;
@ -640,7 +685,7 @@
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.ss.ss-rarity-rare { .ss.ss-rarity-rare {
--ss-rarity: #b7a066; --ss-rarity: #a48a37;
} }
.ss.ss-rarity-rare.ss-rarity-gradient::before { .ss.ss-rarity-rare.ss-rarity-gradient::before {
--ss-rarity-bg: --ss-rarity-bg:
@ -706,4 +751,10 @@
color: #fff; color: #fff;
} }
@-moz-document url-prefix() {
.ss-fnm::before, .ss-pfnm::before {
margin-left: -0.4%;
}
}
/*# sourceMappingURL=keyrune.css.map */ /*# sourceMappingURL=keyrune.css.map */

2
dist/css/keyrune.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} {"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss","../../src/scss/_fixes.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI;;;AElMhB;EAGQ;IAEI","file":"keyrune.css"}

2
dist/css/keyrune.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/keyrune.min.css.map vendored
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss"],"names":[],"mappings":"CAEA,MACI,kBACA,8BACA,iBACA,qBACA,4BAEA,sBACI,kBACA,2BACA,kBACA,iBCbR,WACI,sBACA,sCACA,2RAKA,mBACA,kBACA,mBAIJ,IAGI,iCACA,uBACA,YACA,kBACA,mBACA,oBACA,kBACA,oBACA,cACA,oBAGA,mCACA,kCAGA,YACI,+BC9BJ,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YD0DA,qBACI,uBACA,kBACA,OAIJ,qOAMI,gCAIJ,oBACI,6BAMR,aAGI,kBACA,2BAGA,qBACI,kBACA,OAIJ,qBACI,sBAIJ,8DAGI,SACA,2BASA,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,yBAEI,kBAEA,oDACI,uDAMA,yBACA,qBACA,6BACA,sCAdR,uBAEI,qBAEA,kDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,mBAEI,qBAEA,8CACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAMZ,mBACI,qBACA,8CACI,iJAWA,yBACA,qBACA,6BACA,sCAMZ,UAGI,aACA,kBACA,2BACA,kBAGA,yBACI,gBAIJ,0CACI,SACA,2BAMJ,8DAGI","file":"keyrune.min.css"} {"version":3,"sourceRoot":"","sources":["../../src/scss/_media.scss","../../src/scss/_sets.scss","../../src/scss/_helpers.scss","../../src/scss/_fixes.scss"],"names":[],"mappings":"CAEA,MACI,kBACA,8BACA,iBACA,qBACA,4BAEA,sBACI,kBACA,2BACA,kBACA,iBCbR,WACI,sBACA,sCACA,2RAKA,mBACA,kBACA,mBAIJ,IAGI,iCACA,uBACA,YACA,kBACA,mBACA,oBACA,kBACA,oBACA,cACA,oBAGA,mCACA,kCAGA,YACI,+BC9BJ,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,gBACI,YAGA,yBACI,YAIJ,yBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,kBACI,YAGA,2BACI,YAIJ,2BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,eACI,YAGA,wBACI,YAIJ,wBACI,YAVR,iBACI,YAGA,0BACI,YAIJ,0BACI,YAVR,mBACI,YAGA,4BACI,YAIJ,4BACI,YD0DA,qBACI,uBACA,kBACA,OAIJ,qOAMI,gCAIJ,oBACI,6BAMR,aAGI,kBACA,2BAGA,qBACI,kBACA,OAIJ,qBACI,sBAIJ,8DAGI,SACA,2BASA,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,yBAEI,kBAEA,oDACI,uDAMA,yBACA,qBACA,6BACA,sCAdR,uBAEI,qBAEA,kDACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,mBAEI,qBAEA,8CACI,+EAMA,yBACA,qBACA,6BACA,sCAdR,qBAEI,qBAEA,gDACI,+EAMA,yBACA,qBACA,6BACA,sCAMZ,mBACI,qBACA,8CACI,iJAWA,yBACA,qBACA,6BACA,sCAMZ,UAGI,aACA,kBACA,2BACA,kBAGA,yBACI,gBAIJ,0CACI,SACA,2BAMJ,8DAGI,WElMhB,4BAGQ,iCAEI","file":"keyrune.min.css"}

BIN
dist/font/keyrune.eot vendored
View File

Binary file not shown.

176
dist/font/keyrune.svg vendored
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 631 KiB

BIN
dist/font/keyrune.ttf vendored
View File

Binary file not shown.

BIN
dist/font/keyrune.woff vendored
View File

Binary file not shown.

BIN
dist/font/keyrune.woff2 vendored
View File

Binary file not shown.

154
docs/assets/css/docs.css
View File

@ -1,13 +1,16 @@
@charset "UTF-8";
:root { :root {
--bg-body: #fff;
--bg-hover: #f2f1f1;
--bg-content: #e0dfde;
--bg-accent: #d2d1cf; --bg-accent: #d2d1cf;
--bg-active: #d2d1cf;
--bg-body: #fff;
--bg-border: #000; --bg-border: #000;
--bg-button: #fff; --bg-button: #fff;
--bg-active: #d2d1cf; --bg-content: #f2f1f1;
--icon-default: #131417; --bg-card: #e0dfde;
--bg-card-hover: #d2d1cf;
--bg-dialog: #e0dfde;
--bg-hover: #f0eded;
--bg-shadow: #131417;
--icon-shadow: #fff;
--link-default: #0060e4; --link-default: #0060e4;
--text-default: #000; --text-default: #000;
--text-accent: #8e8d88; --text-accent: #8e8d88;
@ -17,18 +20,22 @@
--rgba-modal: rgba(0, 0, 0, 0.75); --rgba-modal: rgba(0, 0, 0, 0.75);
} }
:root[data-mode=dark] { :root[data-mode=dark] {
--bg-body: #202124;
--bg-hover: #131417;
--bg-content: #3a3a3a;
--bg-accent: #8e8d88; --bg-accent: #8e8d88;
--bg-active: #39b9e4;
--bg-body: #1e1f20;
--bg-border: #575754; --bg-border: #575754;
--bg-button: #18191b; --bg-button: #18191b;
--bg-active: #29c9ff; --bg-content: #2a2a2b;
--icon-default: #000; --bg-card: #1e1f20;
--link-default: #29c9ff; --bg-card-hover: #18191b;
--bg-dialog: #131417;
--bg-hover: #131417;
--bg-shadow: #000;
--icon-shadow: transparent;
--link-default: #39b9e4;
--text-default: #fff; --text-default: #fff;
--text-accent: #d2d1cf; --text-accent: #d2d1cf;
--text-contrast: #ddd; --text-contrast: #f2f1f1;
--svg-border: #575754; --svg-border: #575754;
--rgba-fg: rgba(0,0,0,0.9); --rgba-fg: rgba(0,0,0,0.9);
--rgba-modal: rgba(0, 0, 0, 0.5); --rgba-modal: rgba(0, 0, 0, 0.5);
@ -220,7 +227,7 @@ footer {
width: 100%; width: 100%;
} }
footer.border { footer.border {
border-top: 1px solid #3a3a3a; border-top: 1px solid #2a2a2b;
} }
footer menu li { footer menu li {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -311,6 +318,34 @@ footer iframe html body {
background-color: var(--bg-content); background-color: var(--bg-content);
} }
.tooltip {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
transition: top 250ms ease-in-out, opacity 250ms ease-in-out;
}
.tooltip-wrapper:not(.disabled):hover .tooltip {
top: -0.5rem;
opacity: 1;
transition-delay: 750ms;
}
.flex { .flex {
display: flex; display: flex;
} }
@ -702,6 +737,10 @@ footer iframe html body {
width: min(91.66667%, 1440px); width: min(91.66667%, 1440px);
} }
} }
.border-t-light {
border-top: 1px solid var(--bg-accent);
}
@media only screen and (min-width: 512px) { @media only screen and (min-width: 512px) {
.xs\:inline { .xs\:inline {
display: inline; display: inline;
@ -868,7 +907,7 @@ button.bubble::before {
width: calc(100% + 2rem); width: calc(100% + 2rem);
height: calc(100% + 2rem); height: calc(100% + 2rem);
border-radius: 1rem; border-radius: 1rem;
background: #202124; background: #1e1f20;
top: -1rem; top: -1rem;
left: -1rem; left: -1rem;
z-index: 0; z-index: 0;
@ -915,7 +954,7 @@ aside > p.big {
} }
} }
dialog { dialog {
background: var(--bg-content); background: var(--bg-dialog);
border: none; border: none;
border-radius: 1.5rem; border-radius: 1.5rem;
color: var(--text-default); color: var(--text-default);
@ -1072,6 +1111,10 @@ menu label.disabled, menu label[disabled=disabled] {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.33; opacity: 0.33;
} }
menu label svg {
width: 1.5rem;
height: 1.5rem;
}
menu input[type=radio]:checked + label, menu input[type=radio]:checked + label,
menu input[type=checkbox]:checked + label, menu input[type=checkbox]:checked + label,
menu label.checked { menu label.checked {
@ -1128,7 +1171,7 @@ menu.group label.right {
} }
#icons figure { #icons figure {
align-items: center; align-items: center;
background-color: var(--bg-body); background-color: var(--bg-card);
border-radius: 1rem; border-radius: 1rem;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -1139,7 +1182,7 @@ menu.group label.right {
width: 100%; width: 100%;
} }
#icons figure:hover { #icons figure:hover {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
animation: hover 200ms; animation: hover 200ms;
} }
#icons figure > .ss { #icons figure > .ss {
@ -1149,6 +1192,9 @@ menu.group label.right {
#icons figure > .ss.ss-rarity-common:not(.ss-inner)::before { #icons figure > .ss.ss-rarity-common:not(.ss-inner)::before {
color: var(--text-default) !important; color: var(--text-default) !important;
} }
#icons figure > .ss::before {
text-shadow: 0 0 2rem var(--icon-shadow);
}
#icons figure > span { #icons figure > span {
margin: 0 0.5rem 1.25rem; margin: 0 0.5rem 1.25rem;
} }
@ -1203,13 +1249,36 @@ menu.group label.right {
display: inline; display: inline;
margin: 1rem 1rem 1rem 0; margin: 1rem 1rem 1rem 0;
} }
#icons[data-density=icon] div.grid {
gap: 1rem;
margin-bottom: 2rem;
}
#icons[data-density=icon] div.sticky {
padding-bottom: 1rem;
}
#icons[data-density=icon] figure {
flex-direction: row;
justify-content: center;
border-radius: 0.75rem;
}
#icons[data-density=icon] figure > .ss {
font-size: 2rem;
margin: 1rem;
}
#icons[data-density=icon] figure > span.icon-name,
#icons[data-density=icon] figure > span.icon-code {
display: none;
}
#icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@keyframes hover { @keyframes hover {
0% { 0% {
background-color: var(--bg-body); background-color: var(--bg-card);
} }
100% { 100% {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
} }
} }
@media only screen and (min-width: 1025px) { @media only screen and (min-width: 1025px) {
@ -1228,6 +1297,14 @@ menu.group label.right {
gap: 2rem; gap: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
#icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1281px) {
#icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
} }
:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner, :root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner,
:root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common.ss-inner { :root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common.ss-inner {
@ -1253,7 +1330,7 @@ form .input-wrapper svg.clear {
form input[type=text] { form input[type=text] {
align-self: stretch; align-self: stretch;
background: var(--bg-body); background: var(--bg-body);
border: 0.15rem solid var(--text-default); border: 0.15rem solid var(--bg-border);
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
height: 3.6rem; height: 3.6rem;
border-radius: 2rem; border-radius: 2rem;
@ -1263,15 +1340,15 @@ form input[type=text] {
width: calc(100% - 5.5rem); width: calc(100% - 5.5rem);
} }
form input[type=text]::placeholder { form input[type=text]::placeholder {
color: var(--bg-accent); color: var(--text-accent);
font-size: 1.25rem; font-size: 1.25rem;
} }
form input[type=text]:focus { form input[type=text]:focus {
outline: none; outline: none;
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover), 0 0 0 1px var(--bg-body), 0 0 0 0.25rem #29c9ff; box-shadow: inset 0 0.25rem 0 0 var(--bg-hover), 0 0 0 1px var(--bg-body), 0 0 0 0.25rem #39b9e4;
} }
form button.button { form button.button {
border-color: var(--text-default); border-color: var(--bg-border);
border-radius: 0 2rem 2rem 0; border-radius: 0 2rem 2rem 0;
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
cursor: pointer; cursor: pointer;
@ -1318,7 +1395,7 @@ object {
} }
object details { object details {
background: var(--rgba-fg); background: var(--rgba-fg);
box-shadow: 0 0 12rem 0 var(--icon-default); box-shadow: 0 0 12rem 0 var(--bg-shadow);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 1.5rem; border-radius: 1.5rem;
@ -1352,7 +1429,7 @@ object details .icon {
} }
object details .icon i.ss { object details .icon i.ss {
font-size: 8em; font-size: 8em;
line-height: 1.75ex; line-height: 1;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
} }
object details .icon-controls { object details .icon-controls {
@ -1467,27 +1544,6 @@ object details .table .actions a.action-button span {
object details .table .actions a.action-button:hover span { object details .table .actions a.action-button:hover span {
text-decoration-color: var(--text-default); text-decoration-color: var(--text-default);
} }
object details .table .actions a.action-button em {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
}
object details .tags { object details .tags {
display: flex; display: flex;
font-size: 0.9rem; font-size: 0.9rem;
@ -1563,6 +1619,4 @@ object.active details {
object details .table .actions { object details .table .actions {
display: flex; display: flex;
} }
} }
/*# sourceMappingURL=docs.css.map */

2
docs/assets/css/docs.css.map
View File

File diff suppressed because one or more lines are too long

121
docs/assets/css/keyrune.css
View File

@ -487,6 +487,15 @@
.ss-ptk.ss-inner::marker { .ss-ptk.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-p3k::before {
content: "\e087";
}
.ss-p3k.ss-border::after {
content: "\e088";
}
.ss-p3k.ss-inner::marker {
content: "\f8ff";
}
.ss-pgru::before { .ss-pgru::before {
content: "\e08a"; content: "\e08a";
} }
@ -505,69 +514,114 @@
.ss-mmq.ss-inner::marker { .ss-mmq.ss-inner::marker {
content: "\e08f"; content: "\e08f";
} }
.ss-legchr::before { .ss-brb::before {
content: "\e090";
}
.ss-brb.ss-border::after {
content: "\e091";
}
.ss-brb.ss-inner::marker {
content: "\f8ff";
}
.ss-fnm::before {
content: "\e093";
}
.ss-fnm.ss-border::after {
content: "\e094";
}
.ss-fnm.ss-inner::marker {
content: "\e095";
}
.ss-pal00::before {
content: "\e096";
}
.ss-pal00.ss-border::after {
content: "\e097";
}
.ss-pal00.ss-inner::marker {
content: "\f8ff";
}
.ss-4eda::before {
content: "\f8f6"; content: "\f8f6";
} }
.ss-legchr.ss-border::after { .ss-4eda.ss-border::after {
content: "\f8f5"; content: "\f8f5";
} }
.ss-4eda.ss-inner::marker {
content: "\f8ff";
}
.ss-legchr::before {
content: "\f8f4";
}
.ss-legchr.ss-border::after {
content: "\f8f3";
}
.ss-legchr.ss-inner::marker { .ss-legchr.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-leg2::before { .ss-leg2::before {
content: "\f8f6"; content: "\f8f4";
} }
.ss-leg2.ss-border::after { .ss-leg2.ss-border::after {
content: "\f8f5"; content: "\f8f3";
} }
.ss-leg2.ss-inner::marker { .ss-leg2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-pgc98::before { .ss-pgc98::before {
content: "\f8f4"; content: "\f8f2";
} }
.ss-pgc98.ss-border::after { .ss-pgc98.ss-border::after {
content: "\f8f3"; content: "\f8f1";
} }
.ss-pgc98.ss-inner::marker { .ss-pgc98.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-po::before { .ss-po::before {
content: "\f8f2"; content: "\f8f0";
} }
.ss-po.ss-border::after { .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"; content: "\f8ef";
} }
.ss-wl.ss-border::after { .ss-po.ss-inner::marker {
content: "\f8ee"; content: "\f8ee";
} }
.ss-por2::before {
content: "\f8f0";
}
.ss-por2.ss-border::after {
content: "\f8ef";
}
.ss-por2.ss-inner::marker {
content: "\f8ee";
}
.ss-wl::before {
content: "\f8ed";
}
.ss-wl.ss-border::after {
content: "\f8ec";
}
.ss-wl.ss-inner::marker { .ss-wl.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-wth2::before { .ss-wth2::before {
content: "\f8ef"; content: "\f8ed";
} }
.ss-wth2.ss-border::after { .ss-wth2.ss-border::after {
content: "\f8ee"; content: "\f8ec";
} }
.ss-wth2.ss-inner::marker { .ss-wth2.ss-inner::marker {
content: "\f8ff"; content: "\f8ff";
} }
.ss-brbalt::before {
content: "\f8eb";
}
.ss-brbalt.ss-border::after {
content: "\f8ea";
}
.ss-brbalt.ss-inner::marker {
content: "\f8ff";
}
.ss.ss-border::after { .ss.ss-border::after {
color: var(--ss-border); color: var(--ss-border);
position: absolute; position: absolute;
@ -640,7 +694,7 @@
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.ss.ss-rarity-rare { .ss.ss-rarity-rare {
--ss-rarity: #b7a066; --ss-rarity: #a48a37;
} }
.ss.ss-rarity-rare.ss-rarity-gradient::before { .ss.ss-rarity-rare.ss-rarity-gradient::before {
--ss-rarity-bg: --ss-rarity-bg:
@ -702,8 +756,23 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
.ss.ss-fw.ss-fw-square {
width: 1em;
}
.ss.ss-fw.ss-fw-square::before {
transform: scale(0.5714);
}
.ss.ss-fw.ss-fw-square.ss-border::after, .ss.ss-fw.ss-fw-square.ss-inner::before, .ss.ss-fw.ss-fw-square.ss-inner::after, .ss.ss-fw.ss-fw-square.ss-inner::marker {
transform: translateX(-50%) scale(0.5714);
}
.ss.ss-white::before, .ss.ss-white::after, .ss.ss-white::marker { .ss.ss-white::before, .ss.ss-white::after, .ss.ss-white::marker {
color: #fff; color: #fff;
} }
@-moz-document url-prefix() {
.ss-fnm::before, .ss-pfnm::before {
margin-left: -0.4%;
}
}
/*# sourceMappingURL=keyrune.css.map */ /*# sourceMappingURL=keyrune.css.map */

2
docs/assets/css/keyrune.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../src/scss/_media.scss","../../../src/scss/_sets.scss","../../../src/scss/_helpers.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAMJ;EAGI","file":"keyrune.css"} {"version":3,"sourceRoot":"","sources":["../../../../../src/scss/_media.scss","../../../../../src/scss/_sets.scss","../../../../../src/scss/_helpers.scss","../../../../../src/scss/_fixes.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EAII;;AAOR;EAGI;;;AEjNhB;EAGQ;IAEI","file":"keyrune.css"}

BIN
docs/assets/font/keyrune.woff
View File

Binary file not shown.

BIN
docs/assets/font/keyrune.woff2
View File

Binary file not shown.

31
docs/assets/js/glitz.js
View File

@ -243,20 +243,20 @@ function openModal(icon) {
// specific function bindings // specific function bindings
$('#copy-unicode').on('click', function() { $('#copy-unicode').on('click', function() {
navigator.clipboard.writeText(rarity).then(function() { navigator.clipboard.writeText(rarity).then(function() {
$('#copy-unicode em').html('Unicode copied!').animate('fadeup', 1200, 'ease-in-out'); $('#copy-unicode .tooltip').html('Unicode copied!').animate('fadeup', 1200, 'ease-in-out');
}, function(err) { }, function(err) {
$('#copy-unicode em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); $('#copy-unicode .tooltip').html('Error copying').animate('fadeup', 1200, 'ease-in-out');
}); });
}); });
$('#copy-glyph').on('click', function() { $('#copy-glyph').on('click', function() {
navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() { navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() {
$('#copy-glyph em').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out'); $('#copy-glyph .tooltip').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out');
}, function(err) { }, function(err) {
$('#copy-glyph em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); $('#copy-glyph .tooltip').html('Error copying').animate('fadeup', 1200, 'ease-in-out');
}); });
}); });
$('#download-svg').on('click', function() { $('#download-svg').on('click', function() {
$('#download-svg em').html('Coming soon!').animate('fadeup', 1200, 'ease-in-out'); $('#download-svg .tooltip').html('Coming soon!').animate('fadeup', 1200, 'ease-in-out');
}); });
// show the modal // show the modal
@ -273,10 +273,8 @@ function closeModal() {
// onload interactions // onload interactions
Zepto(function($){ Zepto(function($){
// //
// mobile nav // mobile nav
$('header').on('click', '#toggle-nav', function(e) { $('header').on('click', '#toggle-nav', function(e) {
$('nav').toggleClass('mobile'); $('nav').toggleClass('mobile');
$('#toggle-nav-svg').toggleClass('closed'); $('#toggle-nav-svg').toggleClass('closed');
@ -284,10 +282,10 @@ Zepto(function($){
// //
// dark/light mode // dark/light mode
let toggle = $('#switch'); let toggle = $('#switch');
let cookie = localStorage.getItem('mode'); let cookie = localStorage.getItem('mode');
// check for cookie
if (cookie) { if (cookie) {
if (cookie == 'dark') { if (cookie == 'dark') {
document.documentElement.dataset.mode = 'dark'; document.documentElement.dataset.mode = 'dark';
@ -305,6 +303,7 @@ Zepto(function($){
localStorage.setItem('mode', 'light'); localStorage.setItem('mode', 'light');
} }
// click handling
toggle.on('change', function() { toggle.on('change', function() {
if (toggle.prop('checked')) { if (toggle.prop('checked')) {
document.documentElement.dataset.mode = 'dark'; document.documentElement.dataset.mode = 'dark';
@ -317,14 +316,13 @@ Zepto(function($){
// //
// filter icons if we have a ?q=, modal if we have an ?i= // filter icons if we have a ?q=, modal if we have an ?i=
let url = new URLSearchParams(window.location.search); let url = new URLSearchParams(window.location.search);
// search query
if (url.get('q')) { if (url.get('q')) {
filterIcons(url.get('q')); filterIcons(url.get('q'));
$('#icon-filter').val(url.get('q')); $('#icon-filter').val(url.get('q'));
} }
// icon preview
if (url.get('i')) { if (url.get('i')) {
let icon = $('figure[data-code="'+url.get('i')+'"]'); let icon = $('figure[data-code="'+url.get('i')+'"]');
if (icon) { if (icon) {
@ -334,14 +332,12 @@ Zepto(function($){
// //
// live icon filter via search box // live icon filter via search box
$('#icon-filter').on('input', function() { $('#icon-filter').on('input', function() {
filterIcons($(this).val()); filterIcons($(this).val());
}); });
// //
// icon filter clear button // icon filter clear button
$('.search-link').on('click', function(e) { $('.search-link').on('click', function(e) {
e.preventDefault(); e.preventDefault();
filterIcons($(this).data('q')); filterIcons($(this).data('q'));
@ -350,27 +346,21 @@ Zepto(function($){
// //
// icon display menus // icon display menus
$('#icon-menu').on('change', 'input[type=radio][name="density"]', function() { $('#icon-menu').on('change', 'input[type=radio][name="density"]', function() {
$('#icons').data('density', $(this).val()); $('#icons').data('density', $(this).val());
}); });
$('#icon-menu').on('change', 'input[type=radio][name="rarity"]', function() { $('#icon-menu').on('change', 'input[type=radio][name="rarity"]', function() {
iconsChangeRarity($(this).val()); iconsChangeRarity($(this).val());
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="border"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="border"]', function() {
iconsToggleClass('ss-border', 'border'); iconsToggleClass('ss-border', 'border');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="inner"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="inner"]', function() {
iconsToggleClass('ss-inner', 'inner'); iconsToggleClass('ss-inner', 'inner');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="gradient"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="gradient"]', function() {
iconsToggleClass('ss-rarity-gradient', 'gradient'); iconsToggleClass('ss-rarity-gradient', 'gradient');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="transparent"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="transparent"]', function() {
$('#icons figure').each(function(index, figure) { $('#icons figure').each(function(index, figure) {
$(figure).toggleClass('checkerboard'); $(figure).toggleClass('checkerboard');
@ -379,7 +369,6 @@ Zepto(function($){
// //
// icon modal // icon modal
$('#icons').on('click', 'figure', function() { $('#icons').on('click', 'figure', function() {
openModal($(this)); openModal($(this));
}); });
@ -388,4 +377,4 @@ Zepto(function($){
e.preventDefault(); e.preventDefault();
closeModal(); closeModal();
}) })
}); });

366
docs/docs/index.html Normal file
View File

@ -0,0 +1,366 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Keyrune</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="color-scheme" content="light dark">
<meta name="generator" content="Hand crafted">
<script src='/assets/js/first.js'></script>
<link rel="stylesheet" type="text/css" href='/assets/css/docs.css'>
<link rel="stylesheet" type="text/css" href='/assets/css/keyrune.css'>
<script src='/assets/js/zepto.js'></script>
<script src='/assets/js/zepto.fx.js'></script>
<script src='/assets/js/glitz.js'></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<header>
<mark class="flex flex-row flex-align-center flex-justify-start">
<a href="/" class="flex flex-row flex-align-center flex-justify-start mr-1">
<i class="ss ss-leg relative mr-2"></i>
<span>Keyrune</span>
</a>
<a href="https://github.com/andrewgioia/keyrune/archive/refs/heads/master.zip" target="blank">
<b>4.0.0</b>
</a>
</mark>
<a href="javascript:;" data-nav="mobile" id="toggle-nav">
<svg id="toggle-nav-svg" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="4" y1="6" x2="20" y2="6" class="line top"></line>
<line x1="4" y1="12" x2="20" y2="12" class="line mid"></line>
<line x1="4" y1="18" x2="20" y2="18" class="line bot"></line>
</svg>
</a>
<nav>
<a href="sets">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
<polyline points="2 17 12 22 22 17"></polyline>
<polyline points="2 12 12 17 22 12"></polyline>
</svg>
<span>
Sets
</span>
</a>
<a href="docs">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
</svg>
<span>
Documentation
</span>
</a>
<a href="examples">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 4V2"></path>
<path d="M15 16v-2"></path>
<path d="M8 9h2"></path>
<path d="M20 9h2"></path>
<path d="M17.8 11.8 19 13"></path>
<path d="M15 9h0"></path>
<path d="M17.8 6.2 19 5"></path>
<path d="m3 21 9-9"></path>
<path d="M12.2 6.2 11 5"></path>
</svg>
<span>
Examples
</span>
</a>
<a href="https://github.com/andrewgioia/keyrune" target="blank">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
<path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
<span>
GitHub
</span>
</a>
<div id="mode" class="ml-2">
<input class="toggle" type="checkbox" id="switch">
<label class="toggle" for="switch"></label>
</div>
</nav>
</header>
<main>
<section id="docs" class="border-t-light pt-8 pb-16 flex flex-col flex-align-center">
Documentation
</section>
</main>
<footer>
<div class="w-wide flex flex-col sm:flex-row">
<div class="w-full sm:w-1/5 flex flex-col">
<h4 class="mt-0 mb-4">
Keyrune.css
</h4>
<p class="mt-1 mb-6 pr-12 relative top-px">
An MTG icon font built with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>.
</p>
<a href="https://www.jsdelivr.com/package/npm/keyrune" class="mb-4">
<img src="https://data.jsdelivr.com/v1/package/npm/keyrune/badge" alt="jsDeliver CDN badge">
</a>
<a class="github-button mb-8" href="https://github.com/andrewgioia/keyrune" data-icon="octicon-star" data-show-count="true" aria-label="Star andrewgioia/keyrune on GitHub">
Star
</a>
</div>
<div class="w-full sm:w-1/5 flex flex-col">
<h5 class="mt-1 mb-4">
Project
</h5>
<menu class="flex flex-row flex-wrap sm:list mb-8 mt-1">
<li class="flex flex-row flex-align-center flex-justify-start">
<i class="ss ss-leg ss-white w-4 mr-2"></i>
<a href="/" class="mr-4">Overview</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
<polyline points="2 17 12 22 22 17"></polyline>
<polyline points="2 12 12 17 22 12"></polyline>
</svg>
<a href="/sets" class="mr-4">Set symbols</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
</svg>
<a href="/docs" class="mr-4">Documentation</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<path d="M15 4V2"></path>
<path d="M15 16v-2"></path>
<path d="M8 9h2"></path>
<path d="M20 9h2"></path>
<path d="M17.8 11.8 19 13"></path>
<path d="M15 9h0"></path>
<path d="M17.8 6.2 19 5"></path>
<path d="m3 21 9-9"></path>
<path d="M12.2 6.2 11 5"></path>
</svg>
<a href="https://andrewgioia.keyrune.com/examples" class="mr-4">Examples</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<path d="M6 20h4"></path>
<path d="M14 10h4"></path>
<path d="M6 14h2v6"></path>
<path d="M14 4h2v6"></path>
<rect x="6" y="4" width="4" height="6"></rect>
<rect x="14" y="14" width="4" height="6"></rect>
</svg>
<a href="/cheatsheet" class="mr-4">Cheatsheet</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
<path d="M9 18c-4.51 2-5-2-7-2"></path>
</svg>
<a href="https://github.com/andrewgioia/keyrune" target="blank" class="mr-4">GitHub project</a>
</li>
<li class="flex flex-row flex-align-center flex-justify-start">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="top-px relative w-4 mr-2">
<path d="m5.784 5.309-.956-.001c-2.112 0-3.825 1.68-3.825 3.754-.001 2.073 1.711 3.754 3.823 3.754l.956.001zm17.211 8.252c-.459 3.456-3.625 5.131-5.738 5.131l-5.737-.002c-2.112 0-4.681-1.581-5.736-5.133l.002-8.248 17.211.003zm-8.833-5.155V5.308zm-.638.134a1 1 0 0 0-1.366.366l-1.928 3.34a1 1 0 0 0 .366 1.366l3.34 1.928a1 1 0 0 0 1.366-.366l1.928-3.34a1 1 0 0 0-.366-1.366l-3.34-1.928z"></path>
</svg>
<a href="https://git.gioia.cloud/andrew/keyrune" target="blank" class="mr-4">Gitea mirror</a>
</li>
</menu>
</div>
<div class="w-full sm:w-3/5">
<h5 class="mt-1">
Licensing and terms of use
</h5>
<p>
Keyrune is free, unofficial "Fan Content" permitted under the Wizards of the Coast <a href="https://company.wizards.com/en/legal/fancontentpolicy" target="blank">Fan Content Policy</a>. The Magic: the Gathering&trade; set symbols themselves are copyright Wizards of the Coast, LLC, a subsidiary of Hasbro, Inc. Keyrune is not produced by, endorsed by, supported by, or affiliated with Wizards of the Coast, and I develop and distribute this project solely as a resource to enable other Fan Content.
</p>
<p>
The Keyrune font is licensed under the <a href="http://scripts.sil.org/OFL" target="blank">SIL OFL 1.1</a>. Please review the terms of that license for attribution, distribution, incorporation, and bundling requirements.
</p>
<p>
The source code and other project files, including CSS, SCSS, and his website, are licensed separately under the <a href="https://opensource.org/licenses/GPL-3.0" target="blank">GPL 3.0 License</a>. You're free to share or modify any of the source code or this website's design so long as you also distribute your project under the same license.
</p>
</div>
</div>
</footer>
<object id="icon">
<details open>
<summary tabindex="-1">
<span class="name">Set name</span>
</summary>
<div class="details">
<a href="sets" class="close">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</a>
<div class="table flex flex-col p-8 w-full">
<div class="flex flex-col justify-start">
<h2 class="name mt-0 mb-4">
Set name
</h2>
<h3 class="class mt-0 mb-6">
Set code
</h3>
<div class="grid grid-cols-12">
<div class="grid-span-4 flex flex-col mb-6">
<label>Added</label>
<span class="version"></span>
</div>
<div class="grid-span-5 flex flex-col mb-6">
<label>Group</label>
<span class="group"></span>
</div>
<div class="grid-span-3 flex flex-col mb-6">
<label>Status</label>
<span class="official" data-official="true">
Official
</span>
</div>
<div class="grid-span-4 flex flex-col mb-4">
<label>Glyphs</label>
<ul class="glyphs m-0">
<li class="rarity">
<i></i>
<span class="ml-2"></span>
</li>
<li class="border">
<i></i>
<span class="ml-2"></span>
</li>
<li class="inner">
<i></i>
<span class="ml-2"></span>
</li>
</ul>
</div>
<div class="grid-span-8 flex flex-col mb-4">
<label class="aliases">Aliases</label>
<span class="aliases"></span>
</div>
</div>
<div class="actions flex flex-row flex-align-center flex-justify-start mt-2 mb-4">
<a href="javascript:;" id="copy-unicode" class="action-button unicode mr-6 flex-inline flex-align-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<span class="text-sm ml-2">Copy unicode</span>
<sup class="tooltip">Unicode copied!</sup>
</a>
<a href="javascript:;" id="copy-glyph" class="action-button glyph mr-6 flex-inline flex-align-center" data-tooltip="SVG copied!">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"></polyline>
<polyline points="8 6 2 12 8 18"></polyline>
</svg>
<span class="text-sm ml-2">Copy glyph</span>
<sup class="tooltip">Glyph copied!</sup>
</a>
<a href="javascript:;" id="download-svg" class="action-button download flex-inline flex-align-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
<span class="text-sm ml-2">Download</span>
<sup class="tooltip">SVG downloaded!</sup>
</a>
</div>
</div>
<div class="tags">
Tags
</div>
</div>
<div class="icon checkerboard flex flex-col flex-shrink-0">
<i class="ss ss-border ss-inner"></i>
<div id="icon-controls" class="icon-controls flex flex-row flex-align-center flex-justify-center flex-shrink-0">
<menu id="icon-rarity-modal" class="flex flex-row group mr-2">
<li>
<label for="rarity_common" class="small left checked">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#000">
<path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg>
</label>
</li>
<li>
<label for="rarity_uncommon" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#707883">
<path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg>
</label>
</li>
<li>
<label for="rarity_rare" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#b7a066">
<path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg>
</label>
</li>
<li>
<label for="rarity_mythic" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#bf4427">
<path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg>
</label>
<label for="rarity_foil" class="small right">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#00afc9">
<path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg>
</label>
</li>
</menu>
<menu id="preview-extras-modal" class="flex flex-row">
<li>
<label for="extras_border" class="small mr-1 checked">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
</svg>
</label>
</li>
<li>
<label for="extras_inner" class="small mr-1 checked">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="4"></circle>
</svg>
</label>
</li>
<li>
<label for="extras_gradient" class="small disabled">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.5,3.5 L19.5,3.5 C20.605,3.5 21.5,4.395 21.5,5.5 L21.5,19.5 C21.5,20.605 20.605,21.5 19.5,21.5 L5.5,21.5 C4.395,21.5 3.5,20.605 3.5,19.5 L3.5,5.5 C3.5,4.395 4.395,3.5 5.5,3.5 z"></path>
<path d="M16.344,21.5 L21.5,16.344"></path>
<path d="M12.344,21.5 L21.5,12.344"></path>
<path d="M7.344,21.5 L21.5,7.344"></path>
<path d="M3.656,18.188 L18.344,3.5"></path>
</svg>
</label>
</li>
</menu>
</div>
</div>
</div>
</details>
</object>
</body>
</html>

22
docs/index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Keyrune</title> <title>Keyrune</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark">
<meta name="generator" content="Hand crafted"> <meta name="generator" content="Hand crafted">
<script type="text/javascript" src='/assets/js/first.js'></script> <script src='/assets/js/first.js'></script>
<link rel="stylesheet" type="text/css" href='/assets/css/docs.css'> <link rel="stylesheet" type="text/css" href='/assets/css/docs.css'>
<link rel="stylesheet" type="text/css" href='/assets/css/keyrune.css'> <link rel="stylesheet" type="text/css" href='/assets/css/keyrune.css'>
<script type="text/javascript" src='/assets/js/zepto.js'></script> <script src='/assets/js/zepto.js'></script>
<script type="text/javascript" src='/assets/js/zepto.fx.js'></script> <script src='/assets/js/zepto.fx.js'></script>
<script type="text/javascript" src='/assets/js/glitz.js'></script> <script src='/assets/js/glitz.js'></script>
<script async defer src="https://buttons.github.io/buttons.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script>
</head> </head>
<body> <body>
@ -82,13 +80,14 @@
</a> </a>
<div id="mode" class="ml-2"> <div id="mode" class="ml-2">
<input class="toggle" type="checkbox" id="switch" /> <input class="toggle" type="checkbox" id="switch">
<label class="toggle" for="switch"></label> <label class="toggle" for="switch"></label>
</div> </div>
</nav> </nav>
</header> </header>
<main aria-role="main"> <main aria-role="main">
<aside> <aside>
@ -262,9 +261,9 @@
An MTG icon font built with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>. An MTG icon font built with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>.
</p> </p>
<a href="https://www.jsdelivr.com/package/npm/keyrune" class="mb-4"> <a href="https://www.jsdelivr.com/package/npm/keyrune" class="mb-4">
<img src="https://data.jsdelivr.com/v1/package/npm/keyrune/badge"> <img src="https://data.jsdelivr.com/v1/package/npm/keyrune/badge" alt="jsDeliver CDN badge">
</a> </a>
<a class="github-button" href="https://github.com/andrewgioia/keyrune" data-icon="octicon-star" data-show-count="true" aria-label="Star andrewgioia/keyrune on GitHub" class="mb-8"> <a class="github-button mb-8" href="https://github.com/andrewgioia/keyrune" data-icon="octicon-star" data-show-count="true" aria-label="Star andrewgioia/keyrune on GitHub">
Star Star
</a> </a>
</div> </div>
@ -349,7 +348,8 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

2413
docs/sets/index.html
View File

File diff suppressed because it is too large Load Diff

4
docs/src/assets/scss/_home.scss
View File

@ -17,7 +17,7 @@ aside {
} }
dialog { dialog {
background: var(--bg-content); background: var(--bg-dialog);
border: none; border: none;
border-radius: 1.5rem; border-radius: 1.5rem;
color: var(--text-default); color: var(--text-default);
@ -142,4 +142,4 @@ div.isometric {
} }
@media only screen and (min-width: 1025px) { @media only screen and (min-width: 1025px) {
.feature { grid-column: span 2 / span 2; } .feature { grid-column: span 2 / span 2; }
} }

111
docs/src/assets/scss/_layout.scss
View File

@ -1,81 +1,3 @@
$keyrune-ui: (
"black": (
"100": "#ddd",
"300": "#3a3a3a",
"500": "#202124",
"600": "#18191b",
"700": "#131417",
"900": "#000",
),
"blue": (
"300": "#29c9ff", //#74c0fc
"500": "#0060e4",
),
"pink": (
"100": "#f4d4e9", // bg
"300": "#ed73be", // border
"500": "#df3ea2", // text
),
"tan": (
"100": "#f2f1f1",
"300": "#e0dfde",
"500": "#d2d1cf",
"700": "#8e8d88",
"900": "#575754",
),
"white": "#fff",
);
$keyrune-ui-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
:root {
--bg-body: #{map.get($keyrune-ui, "white")}; // default page background
--bg-hover: #{map.get($keyrune-ui, "tan", "100")}; // slightly darker page accent
--bg-content: #{map.get($keyrune-ui, "tan", "300")}; // contrast background for white boxes
--bg-accent: #{map.get($keyrune-ui, "tan", "500")}; // slightly darker content accent
--bg-border: #{map.get($keyrune-ui, "black", "900")}; // top border
--bg-button: #{map.get($keyrune-ui, "white")}; // button background
--bg-active: #{map.get($keyrune-ui, "tan", "500")}; // button active state background
--icon-default: #{map.get($keyrune-ui, "black", "700")}; // default .ss rarity color
--link-default: #{map.get($keyrune-ui, "blue", "500")}; // primary brand color
--text-default: #{map.get($keyrune-ui, "black", "900")}; // default body text color
--text-accent: #{map.get($keyrune-ui, "tan", "700")}; // alternate body text color
--text-contrast: #{map.get($keyrune-ui, "white")}; // opposite of body text color
--svg-border: #{map.get($keyrune-ui, "white")}; // exploding svg border color
--rgba-fg: rgba(255,255,255,0.916667);
--rgba-modal: rgba(0, 0, 0, 0.75);
&[data-mode="dark"] {
--bg-body: #{map.get($keyrune-ui, "black", "500")};
--bg-hover: #{map.get($keyrune-ui, "black", "700")};
--bg-content: #{map.get($keyrune-ui, "black", "300")};
--bg-accent: #{map.get($keyrune-ui, "tan", "700")};
--bg-border: #{map.get($keyrune-ui, "tan", "900")};
--bg-button: #{map.get($keyrune-ui, "black", "600")};
--bg-active: #{map.get($keyrune-ui, "blue", "300")};
--icon-default: #{map.get($keyrune-ui, "black", "900")};
--link-default: #{map.get($keyrune-ui, "blue", "300")};
--text-default: #{map.get($keyrune-ui, "white")};
--text-accent: #{map.get($keyrune-ui, "tan", "500")};
--text-contrast: #{map.get($keyrune-ui, "black", "100")};
--svg-border: #{map.get($keyrune-ui, "tan", "900")};
--rgba-fg: rgba(0,0,0,0.9);
--rgba-modal: rgba(0, 0, 0, 0.5);
}
}
@font-face {
font-family: 'Beleren';
src: url( '../font/beleren.eot' );
src: url( '../font/beleren.woff' ) format( 'woff' ),
url( '../font/beleren.ttf' ) format( 'truetype' ),
url( '../font/beleren.svg' ) format( 'svg' );
font-weight: normal;
font-style: normal;
}
html { html {
font-family: #{$keyrune-ui-font-family}; font-family: #{$keyrune-ui-font-family};
font-size: 16px; font-size: 16px;
@ -395,4 +317,35 @@ footer {
&-accent { background-color: var(--bg-accent); } &-accent { background-color: var(--bg-accent); }
&-black { background-color: #{map.get($keyrune-ui, "black", "700")}; } &-black { background-color: #{map.get($keyrune-ui, "black", "700")}; }
&-content { background-color: var(--bg-content); } &-content { background-color: var(--bg-content); }
} }
// tooltips
.tooltip {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
transition: top 250ms ease-in-out, opacity 250ms ease-in-out;
&-wrapper:not(.disabled):hover .tooltip {
top: -0.5rem;
opacity: 1;
transition-delay: 750ms;
}
}

145
docs/src/assets/scss/_sets.scss
View File

@ -1,3 +1,19 @@
// main menu wrapper
#icon-menu {
background-color: rgba(255,255,255,0.7);
position: sticky;
top: 0;
z-index: 30;
--webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
:root[data-mode="dark"] {
#icon-menu {
background-color: rgba(30,31,32,0.7);
}
}
// //
// icon menu buttons // icon menu buttons
@ -47,6 +63,11 @@ menu {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.33; opacity: 0.33;
} }
svg {
width: 1.5rem;
height: 1.5rem;
}
} }
input[type="radio"]:checked + label, input[type="radio"]:checked + label,
@ -99,14 +120,17 @@ menu {
// icon grid // icon grid
#icons { #icons {
// container
.set { .set {
&-group { &-group {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&-info { &-info {
background: var(--bg-content); background-color: var(--bg-content);
height: 0%;
position: sticky;
top: 6.625rem;
z-index: 20; z-index: 20;
} }
@ -122,9 +146,10 @@ menu {
} }
} }
// icon cards
figure { figure {
align-items: center; align-items: center;
background-color: var(--bg-body); background-color: var(--bg-card);
border-radius: 1rem; border-radius: 1rem;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -135,7 +160,7 @@ menu {
width: 100%; width: 100%;
&:hover { &:hover {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
animation: hover 200ms; animation: hover 200ms;
} }
@ -146,6 +171,10 @@ menu {
&.ss-rarity-common:not(.ss-inner)::before { &.ss-rarity-common:not(.ss-inner)::before {
color: var(--text-default) !important; color: var(--text-default) !important;
} }
&::before {
text-shadow: 0 0 2rem var(--icon-shadow);
}
} }
> span { > span {
@ -217,37 +246,79 @@ menu {
} }
} }
} }
&[data-density="icon"] {
div.grid {
gap: 1rem;
margin-bottom: 2rem;
}
div.sticky {
padding-bottom: 1rem;
}
figure {
flex-direction: row;
justify-content: center;
border-radius: 0.75rem;
> .ss {
font-size: 2rem;
margin: 1rem;
}
> span.icon-name,
> span.icon-code {
display: none;
}
}
.set-group-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
} }
@keyframes hover { @keyframes hover {
0% { 0% {
background-color: var(--bg-body); background-color: var(--bg-card);
} }
100% { 100% {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
} }
} }
@media only screen and (min-width: 1025px) { @media only screen and (min-width: 1025px) {
#icons .set { #icons {
&-group { .set {
flex-direction: row; &-group {
flex-direction: row;
&-info { &-info {
width: 20%; width: 20%;
padding-bottom: 3rem; padding-bottom: 3rem;
}
&-icons {
width: 80%;
}
&-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
} }
&-icons { }
width: 80%;
} &[data-density="icon"] {
&-grid { .set-group-grid {
grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 2rem;
margin-bottom: 4rem;
} }
} }
} }
} }
// common dark mode needs to swap white/black depending on inner status @media only screen and (min-width: 1281px) {
#icons[data-density="icon"] {
.set-group-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
}
// dark mode alterations on figure cards
:root[data-mode="dark"] { :root[data-mode="dark"] {
// common dark mode needs to swap white/black depending on inner status
#icons figure .ss.ss-rarity-common.ss-inner, #icons figure .ss.ss-rarity-common.ss-inner,
object details .details .icon i.ss.ss-rarity-common.ss-inner { object details .details .icon i.ss.ss-rarity-common.ss-inner {
--ss-rarity: #000 !important; --ss-rarity: #000 !important;
@ -283,7 +354,7 @@ form {
input[type="text"] { input[type="text"] {
align-self: stretch; align-self: stretch;
background: var(--bg-body); background: var(--bg-body);
border: 0.15rem solid var(--text-default); border: 0.15rem solid var(--bg-border);
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
height: 3.6rem; height: 3.6rem;
border-radius: 2rem; border-radius: 2rem;
@ -293,7 +364,7 @@ form {
width: calc(100% - 5.5rem); width: calc(100% - 5.5rem);
&::placeholder { &::placeholder {
color: var(--bg-accent); color: var(--text-accent);
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -306,7 +377,7 @@ form {
} }
button.button { button.button {
border-color: var(--text-default); border-color: var(--bg-border);
border-radius: 0 2rem 2rem 0; border-radius: 0 2rem 2rem 0;
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
cursor: pointer; cursor: pointer;
@ -359,8 +430,8 @@ object {
z-index: 100; z-index: 100;
details { details {
background: var(--rgba-fg); //rgba(242,241,241,0.85); background: var(--rgba-fg);
box-shadow: 0 0 12rem 0 var(--icon-default); box-shadow: 0 0 12rem 0 var(--bg-shadow);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 1.5rem; border-radius: 1.5rem;
@ -401,7 +472,7 @@ object {
i.ss { i.ss {
//color: var(--text-default); //color: var(--text-default);
font-size: 8em; font-size: 8em;
line-height: 1.75ex; line-height: 1;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
&.ss-rarity-common:not(.ss-inner)::before { &.ss-rarity-common:not(.ss-inner)::before {
@ -544,28 +615,6 @@ object {
&:hover span { &:hover span {
text-decoration-color: var(--text-default); text-decoration-color: var(--text-default);
} }
em {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
}
} }
} }
} }

20
docs/src/assets/scss/_utils.scss
View File

@ -128,6 +128,7 @@
&-2 { margin-top: 0.5rem; } &-2 { margin-top: 0.5rem; }
&-3 { margin-top: 0.75rem; } &-3 { margin-top: 0.75rem; }
&-4 { margin-top: 1rem; } &-4 { margin-top: 1rem; }
&-6 { margin-top: 1.5rem; }
&-8 { margin-top: 2rem; } &-8 { margin-top: 2rem; }
&-10 { margin-top: 2.5rem; } &-10 { margin-top: 2.5rem; }
&-12 { margin-top: 3rem; } &-12 { margin-top: 3rem; }
@ -179,6 +180,7 @@
&-2 { padding-bottom: 0.5rem; } &-2 { padding-bottom: 0.5rem; }
&-4 { padding-bottom: 1rem; } &-4 { padding-bottom: 1rem; }
&-6 { padding-bottom: 1.5rem; } &-6 { padding-bottom: 1.5rem; }
&-8 { padding-bottom: 2rem; }
&-12 { padding-bottom: 3rem; } &-12 { padding-bottom: 3rem; }
&-16 { padding-bottom: 4rem; } &-16 { padding-bottom: 4rem; }
} }
@ -194,6 +196,7 @@
&t { &t {
&-1 { padding-top: 0.25rem; } &-1 { padding-top: 0.25rem; }
&-2 { padding-top: 0.5rem; } &-2 { padding-top: 0.5rem; }
&-6 { padding-top: 1.5rem; }
&-8 { padding-top: 2rem; } &-8 { padding-top: 2rem; }
&-24 { padding-top: 6rem; } &-24 { padding-top: 6rem; }
} }
@ -239,12 +242,6 @@
position: relative; position: relative;
} }
.sticky {
height: 0%;
position: sticky;
top: 0;
}
.text { .text {
&-center { text-align: center; } &-center { text-align: center; }
&-sm { font-size: 0.9rem; } &-sm { font-size: 0.9rem; }
@ -277,6 +274,15 @@
} }
} }
.border {
&-t {
&-light {
border-top: 1px solid var(--bg-accent);
}
}
}
// //
// all other media queries // all other media queries
@ -324,4 +330,4 @@
.md\:inline { .md\:inline {
display: inline; display: inline;
} }
} }

86
docs/src/assets/scss/_vars.scss Normal file
View File

@ -0,0 +1,86 @@
$keyrune-ui: (
"black": (
"100": "#3a3a3a",
"300": "#2a2a2b", //"#3a3a3a",
"500": "#1e1f20", //"#202124",
"600": "#18191b",
"700": "#131417",
"900": "#000",
),
"blue": (
"300": "#39b9e4", //"#29c9ff", //#74c0fc
"500": "#0060e4",
),
"pink": (
"100": "#f4d4e9", // bg
"300": "#ed73be", // border
"500": "#df3ea2", // text
),
"tan": (
"100": "#f2f1f1",
"200": "#f0eded", //eceaea
"300": "#e0dfde",
"500": "#d2d1cf",
"700": "#8e8d88",
"900": "#575754",
),
"white": "#fff",
);
$keyrune-ui-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
:root {
--bg-accent: #{map.get($keyrune-ui, "tan", "500")}; // slightly darker content accent
--bg-active: #{map.get($keyrune-ui, "tan", "500")}; // button active state background
--bg-body: #{map.get($keyrune-ui, "white")}; // default page background
--bg-border: #{map.get($keyrune-ui, "black", "900")}; // top border
--bg-button: #{map.get($keyrune-ui, "white")}; // button background
--bg-content: #{map.get($keyrune-ui, "tan", "100")}; // content background accent
--bg-card: #{map.get($keyrune-ui, "tan", "300")}; // icon preview cards over content bg
--bg-card-hover: #{map.get($keyrune-ui, "tan", "500")}; // hover state for preview cards
--bg-dialog: #{map.get($keyrune-ui, "tan", "300")}; // cards/dialogs over base body bg
--bg-hover: #{map.get($keyrune-ui, "tan", "200")}; // hover state for white elements
--bg-shadow: #{map.get($keyrune-ui, "black", "700")}; // overlay shadow color
--icon-shadow: #{map.get($keyrune-ui, "white")}; // text shadow on card icons
--link-default: #{map.get($keyrune-ui, "blue", "500")}; // primary brand color
--text-default: #{map.get($keyrune-ui, "black", "900")}; // default body text color
--text-accent: #{map.get($keyrune-ui, "tan", "700")}; // alternate body text color
--text-contrast: #{map.get($keyrune-ui, "white")}; // opposite of body text color
--svg-border: #{map.get($keyrune-ui, "white")}; // exploding svg border color
--rgba-fg: rgba(255,255,255,0.916667);
--rgba-modal: rgba(0, 0, 0, 0.75);
&[data-mode="dark"] {
--bg-accent: #{map.get($keyrune-ui, "tan", "700")};
--bg-active: #{map.get($keyrune-ui, "blue", "300")};
--bg-body: #{map.get($keyrune-ui, "black", "500")};
--bg-border: #{map.get($keyrune-ui, "tan", "900")};
--bg-button: #{map.get($keyrune-ui, "black", "600")};
--bg-content: #{map.get($keyrune-ui, "black", "300")};
--bg-card: #{map.get($keyrune-ui, "black", "500")};
--bg-card-hover: #{map.get($keyrune-ui, "black", "600")};
--bg-dialog: #{map.get($keyrune-ui, "black", "700")};
--bg-hover: #{map.get($keyrune-ui, "black", "700")};
--bg-shadow: #{map.get($keyrune-ui, "black", "900")};
--icon-shadow: transparent; //#{map.get($keyrune-ui, "black", "900")};
--link-default: #{map.get($keyrune-ui, "blue", "300")};
--text-default: #{map.get($keyrune-ui, "white")};
--text-accent: #{map.get($keyrune-ui, "tan", "500")};
--text-contrast: #{map.get($keyrune-ui, "tan", "100")};
--svg-border: #{map.get($keyrune-ui, "tan", "900")};
--rgba-fg: rgba(0,0,0,0.9);
--rgba-modal: rgba(0, 0, 0, 0.5);
}
}
@font-face {
font-family: 'Beleren';
src: url( '../font/beleren.eot' );
src: url( '../font/beleren.woff' ) format( 'woff' ),
url( '../font/beleren.ttf' ) format( 'truetype' ),
url( '../font/beleren.svg' ) format( 'svg' );
font-weight: normal;
font-style: normal;
}

3
docs/src/assets/scss/docs.scss
View File

@ -1,7 +1,8 @@
@use "sass:map"; @use "sass:map";
@import "vars";
@import "func"; @import "func";
@import "layout"; @import "layout";
@import "utils"; @import "utils";
@import "type"; @import "type";
@import "home"; @import "home";
@import "sets"; @import "sets";

9
docs/src/content/docs/index.html Normal file
View File

@ -0,0 +1,9 @@
---
title: Documentation
description: "Keyrune documentation and guides"
modal: true
---
<section id="docs" class="border-t-light pt-8 pb-16 flex flex-col flex-align-center">
Documentation
</section>

283
docs/src/content/sets/index.md
View File

@ -27,140 +27,155 @@ modal: true
</form> </form>
</aside> </aside>
<section id="icon-menu" class="mt-12 flex flex-row flex-justify-between w-wide"> <section id="icon-menu" class="mt-6 pt-6 pb-8 flex flex-justify-center">
<div class="flex flex-row flex-justify-start w-full"> <div class="w-wide flex flex-row flex-justify-between">
<menu id="icon-rarity" class="flex flex-row group"> <h2 class="hidden">Set symbol preview controls</h2>
<li> <div class="flex flex-row flex-justify-start w-full">
<input type="radio" name="rarity" value="common" id="rarity_common" data-class="ss-rarity-common" autocomplete="off" checked> <menu id="icon-rarity" class="flex flex-row group">
<label for="rarity_common" class="left"> <li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 480 480" fill="#000"> <input type="radio" name="rarity" value="common" id="rarity_common" data-class="ss-rarity-common" checked>
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <label for="rarity_common" class="left">
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#000">
</svg> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</label> </svg>
</li> </label>
<li> </li>
<input type="radio" name="rarity" value="uncommon" id="rarity_uncommon" data-class="ss-rarity-uncommon" autocomplete="off"> <li>
<label for="rarity_uncommon" class="center"> <input type="radio" name="rarity" value="uncommon" id="rarity_uncommon" data-class="ss-rarity-uncommon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 480 480" fill="#707883"> <label for="rarity_uncommon" class="center">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#707883">
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<input type="radio" name="rarity" value="rare" id="rarity_rare" data-class="ss-rarity-rare" autocomplete="off"> <input type="radio" name="rarity" value="rare" id="rarity_rare" data-class="ss-rarity-rare">
<label for="rarity_rare" class="center"> <label for="rarity_rare" class="center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 480 480" fill="#b7a066"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#b7a066">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/> </svg>
</svg> </label>
</label> </li>
</li> <li>
<li> <input type="radio" name="rarity" value="mythic" id="rarity_mythic" data-class="ss-rarity-mythic">
<input type="radio" name="rarity" value="mythic" id="rarity_mythic" data-class="ss-rarity-mythic" autocomplete="off"> <label for="rarity_mythic" class="center">
<label for="rarity_mythic" class="center"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#bf4427">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 480 480" fill="#bf4427"> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> </svg>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/> </label>
</svg> </li>
</label> <li>
</li> <input type="radio" name="rarity" value="foil" id="rarity_foil" data-class="ss-rarity-foil">
<li> <label for="rarity_foil" class="right">
<input type="radio" name="rarity" value="foil" id="rarity_foil" data-class="ss-rarity-foil" autocomplete="off"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#00afc9">
<label for="rarity_foil" class="right"> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 480 480" fill="#00afc9" class="foil"> </svg>
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> </label>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/> </li>
</svg> </menu>
</label> <menu id="icon-extras" class="hidden md:flex flex-row">
</li> <li>
</menu> <input type="checkbox" name="border" value="border" id="extras_border" data-class="ss-border" checked>
<menu id="icon-extras" class="hidden md:flex flex-row"> <label for="extras_border" class="tooltip-wrapper mr-2">
<li> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<input type="checkbox" name="border" value="border" id="extras_border" data-class="ss-border" autocomplete="off"> <circle cx="12" cy="12" r="10"></circle>
<label for="extras_border" class="mr-2"> </svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <sup class="tooltip">Border</sup>
<circle cx="12" cy="12" r="10"></circle> </label>
</svg> </li>
</label> <li>
</li> <input type="checkbox" name="inner" value="inner" id="extras_inner" data-class="ss-inner" checked>
<li> <label for="extras_inner" class="tooltip-wrapper mr-2">
<input type="checkbox" name="inner" value="inner" id="extras_inner" data-class="ss-inner" autocomplete="off"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<label for="extras_inner" class="mr-2"> <circle cx="12" cy="12" r="4"></circle>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> </svg>
<circle cx="12" cy="12" r="4"></circle> <sup class="tooltip">Inner</sup>
</svg> </label>
</label> </li>
</li> <li>
<li> <input type="checkbox" name="gradient" value="gradient" id="extras_gradient" data-class="ss-rarity-gradient" disabled="disabled">
<input type="checkbox" name="gradient" value="gradient" id="extras_gradient" data-class="ss-rarity-gradient" autocomplete="off" disabled="disabled"> <label for="extras_gradient" class="tooltip-wrapper disabled">
<label for="extras_gradient" class="disabled" disabled="disabled"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5.5,3.5 L19.5,3.5 C20.605,3.5 21.5,4.395 21.5,5.5 L21.5,19.5 C21.5,20.605 20.605,21.5 19.5,21.5 L5.5,21.5 C4.395,21.5 3.5,20.605 3.5,19.5 L3.5,5.5 C3.5,4.395 4.395,3.5 5.5,3.5 z"></path>
<path d="M5.5,3.5 L19.5,3.5 C20.605,3.5 21.5,4.395 21.5,5.5 L21.5,19.5 C21.5,20.605 20.605,21.5 19.5,21.5 L5.5,21.5 C4.395,21.5 3.5,20.605 3.5,19.5 L3.5,5.5 C3.5,4.395 4.395,3.5 5.5,3.5 z"></path> <path d="M16.344,21.5 L21.5,16.344"></path>
<path d="M16.344,21.5 L21.5,16.344"></path> <path d="M12.344,21.5 L21.5,12.344"></path>
<path d="M12.344,21.5 L21.5,12.344"></path> <path d="M7.344,21.5 L21.5,7.344"></path>
<path d="M7.344,21.5 L21.5,7.344"></path> <path d="M3.656,18.188 L18.344,3.5"></path>
<path d="M3.656,18.188 L18.344,3.5"></path> </svg>
</svg> <sup class="tooltip">Foil</sup>
</label> </label>
</li> </li>
</menu> </menu>
</div> </div>
<div class="hidden md:flex flex-row flex-justify-end"> <div class="hidden md:flex flex-row flex-justify-end">
<menu id="icon-transparent" class="flex flex-row"> <menu id="icon-transparent" class="flex flex-row">
<li> <li>
<input type="checkbox" name="transparent" value="true" id="transparent" autocomplete="off" checked> <input type="checkbox" name="transparent" value="true" id="transparent">
<label for="transparent" class="mr-4"> <label for="transparent" class="mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="currentColor"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="currentColor">
<path d="M19,2 C20.657,2 22,3.343 22,5 L22,19 C22,20.657 20.657,22 19,22 L5,22 C3.343,22 2,20.657 2,19 L2,5 C2,3.343 3.343,2 5,2 L19,2 z M4,14.667 L9.333,14.667 L9.333,20 L14.667,20 L14.667,14.667 L20,14.667 L20,9.333 L14.667,9.333 L14.667,4 L9.333,4 L9.333,9.333 L4,9.333 L4,14.667 z M14.667,9.333 L14.667,14.667 L9.333,14.667 L9.333,9.333 L14.667,9.333 z"></path> <path d="M19,2 C20.657,2 22,3.343 22,5 L22,19 C22,20.657 20.657,22 19,22 L5,22 C3.343,22 2,20.657 2,19 L2,5 C2,3.343 3.343,2 5,2 L19,2 z M4,14.667 L9.333,14.667 L9.333,20 L14.667,20 L14.667,14.667 L20,14.667 L20,9.333 L14.667,9.333 L14.667,4 L9.333,4 L9.333,9.333 L4,9.333 L4,14.667 z M14.667,9.333 L14.667,14.667 L9.333,14.667 L9.333,9.333 L14.667,9.333 z"></path>
</svg> </svg>
</label> </label>
</li> </li>
</menu> </menu>
<menu id="icon-density" class="flex flex-row group"> <menu id="icon-density" class="flex flex-row group">
<li> <li>
<input type="radio" name="density" value="roomy" id="size_roomy" autocomplete="off" checked> <input type="radio" name="density" value="roomy" id="size_roomy" checked>
<label for="size_roomy" class="left"> <label for="size_roomy" class="left">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="7" height="7"></rect> <rect x="3" y="3" width="7" height="7"></rect>
<rect x="14" y="3" width="7" height="7"></rect> <rect x="14" y="3" width="7" height="7"></rect>
<rect x="14" y="14" width="7" height="7"></rect> <rect x="14" y="14" width="7" height="7"></rect>
<rect x="3" y="14" width="7" height="7"></rect> <rect x="3" y="14" width="7" height="7"></rect>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<input type="radio" name="density" value="normal" id="size_normal" autocomplete="off"> <input type="radio" name="density" value="normal" id="size_normal">
<label for="size_normal" class="center"> <label for="size_normal" class="center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect> <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
<line x1="3" y1="9" x2="21" y2="9"></line> <line x1="3" y1="9" x2="21" y2="9"></line>
<line x1="3" y1="15" x2="21" y2="15"></line> <line x1="3" y1="15" x2="21" y2="15"></line>
<line x1="9" y1="3" x2="9" y2="21"></line> <line x1="9" y1="3" x2="9" y2="21"></line>
<line x1="15" y1="3" x2="15" y2="21"></line> <line x1="15" y1="3" x2="15" y2="21"></line>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<input type="radio" name="density" value="dense" id="size_dense" autocomplete="off"> <input type="radio" name="density" value="dense" id="size_dense">
<label for="size_dense" class="right"> <label for="size_dense" class="center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="8" y1="6" x2="21" y2="6"></line> <line x1="8" y1="6" x2="21" y2="6"></line>
<line x1="8" y1="12" x2="21" y2="12"></line> <line x1="8" y1="12" x2="21" y2="12"></line>
<line x1="8" y1="18" x2="21" y2="18"></line> <line x1="8" y1="18" x2="21" y2="18"></line>
<line x1="3" y1="6" x2="3.01" y2="6"></line> <line x1="3" y1="6" x2="3.01" y2="6"></line>
<line x1="3" y1="12" x2="3.01" y2="12"></line> <line x1="3" y1="12" x2="3.01" y2="12"></line>
<line x1="3" y1="18" x2="3.01" y2="18"></line> <line x1="3" y1="18" x2="3.01" y2="18"></line>
</svg> </svg>
</label> </label>
</li> </li>
</menu> <li>
<input type="radio" name="density" value="icon" id="size_icon">
<label for="size_icon" class="right">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="5" r="1"/>
<circle cx="19" cy="5" r="1"/>
<circle cx="5" cy="5" r="1"/>
<circle cx="12" cy="12" r="1"/>
<circle cx="19" cy="12" r="1"/>
<circle cx="5" cy="12" r="1"/>
<circle cx="12" cy="19" r="1"/>
<circle cx="19" cy="19" r="1"/>
<circle cx="5" cy="19" r="1"/>
</svg>
</label>
</li>
</menu>
</div>
</div> </div>
</section> </section>
<section id="results" class="bg-content mt-8 pt-8 pb-16 flex flex-col flex-align-center"> <section id="results" class="bg-content pt-8 pb-16 flex flex-col flex-align-center">
<div id="icons" class="w-wide" data-density="roomy"> <div id="icons" class="w-wide" data-density="roomy">{{% icons %}}</div>
{{% icons %}} </section>
</div>
</section>

482
docs/src/data/sets.json
View File

@ -179,6 +179,34 @@
"6th", "6th",
"6e" "6e"
] ]
},
"7ed": {
"code": "7ed",
"name": "Seventh Edition",
"display": "Seventh Edition",
"nicknames": [
"7th Edition"
],
"rarity": "e0b1",
"border": "e0b2",
"inner": false,
"release": "2001-04-11",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"7e": {
"code": "7e",
"name": "Gatherer code",
"release": "2001-04-11"
}
},
"tags": [
"core",
"seventh",
"7th",
"7e"
]
} }
} }
}, },
@ -631,32 +659,118 @@
"masques", "masques",
"mask" "mask"
] ]
},
"nem": {
"code": "nem",
"name": "Nemesis",
"display": "Nemesis",
"nicknames": false,
"rarity": "e09c",
"border": "e09d",
"inner": false,
"release": "2000-02-14",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"mm": {
"code": "ne",
"name": "Gatherer code",
"release": "2000-02-14"
},
"nms": {
"code": "nms",
"name": "Keyrune v3 compatibility",
"release": "2000-02-14"
}
},
"tags": [
"nemesis",
"masques",
"axe"
]
},
"pcy": {
"code": "pcy",
"name": "Prophecy",
"display": "Prophecy",
"nicknames": false,
"rarity": "e0a2",
"border": "e0a3",
"inner": "e0a4",
"release": "2000-06-05",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"py": {
"code": "py",
"name": "Gatherer code",
"release": "2000-06-05"
}
},
"tags": [
"prophecy",
"masques",
"crystals"
]
},
"inv": {
"code": "inv",
"name": "Invasion",
"display": "Invasion",
"nicknames": false,
"rarity": "e0a8",
"border": "e0a9",
"inner": false,
"release": "2000-10-02",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"in": {
"code": "in",
"name": "Gatherer code",
"release": "2000-10-02"
}
},
"tags": [
"invasion",
"coalition"
]
},
"pls": {
"code": "pls",
"name": "Planeshift",
"display": "Planeshift",
"nicknames": false,
"rarity": "e0ae",
"border": "e0af",
"inner": false,
"release": "2001-02-05",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"ps": {
"code": "ps",
"name": "Gatherer code",
"release": "2001-02-05"
}
},
"tags": [
"invasion",
"swirl",
"portal"
]
} }
} }
}, },
"command": { "command": {
"order": 2, "order": 2,
"name": "Command Zone", "name": "Commander",
"description": "Commander/EDH, Planechase, and other sets that use the command zone.", "description": "Commander/EDH sets and preconstucted decks.",
"sets": { "sets": {
"past": {
"code": "pvan",
"name": "Vanguard",
"display": "Vanguard",
"nicknames": false,
"rarity": "e05d",
"border": "e05e",
"inner": false,
"release": "1997-05-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"vanguard",
"feather"
]
}
} }
}, },
"reprint": { "reprint": {
@ -816,6 +930,56 @@
"book", "book",
"custom" "custom"
] ]
},
"brb": {
"code": "brb",
"name": "battle Royal Box Set",
"display": "Battle Royale",
"nicknames": false,
"rarity": "e090",
"border": "e091",
"inner": false,
"release": "1999-11-12",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"br": {
"code": "br",
"name": "Gatherer code",
"release": "1999-11-12"
}
},
"tags": [
"battle",
"royale",
"box"
]
},
"btd": {
"code": "btd",
"name": "Beatdown Box Set",
"display": "Beatdown",
"nicknames": false,
"rarity": "e0a5",
"border": "e0a6",
"inner": false,
"release": "2000-10-01",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"bd": {
"code": "bd",
"name": "Gatherer code",
"release": "2000-10-01"
}
},
"tags": [
"beatdown",
"box",
"spear"
]
} }
} }
}, },
@ -954,14 +1118,43 @@
"subgroup": false, "subgroup": false,
"version": "4.0.0", "version": "4.0.0",
"official": true, "official": true,
"aliases": [ "aliases": {
"p3k" "p3k": {
], "code": "p3k",
"name": "Keyrune v3 compatibility",
"release": "1999-07-06"
}
},
"tags": [ "tags": [
"portal", "portal",
"kingdoms", "kingdoms",
"beginner" "beginner"
] ]
},
"s00": {
"code": "s00",
"name": "Starter 2000",
"display": "Starter 2000",
"nicknames": false,
"rarity": "e09f",
"border": "e0a0",
"inner": false,
"release": "2000-04-01",
"subgroup": false,
"version": "4.0.0",
"official": true,
"aliases": {
"p4": {
"code": "p4",
"name": "Gatherer code",
"release": "2000-04-01"
}
},
"tags": [
"starter",
"2000",
"beginner"
]
} }
} }
}, },
@ -1147,8 +1340,8 @@
"Oversized 90s Promo", "Oversized 90s Promo",
"Gen Con 98 Oversized Promo" "Gen Con 98 Oversized Promo"
], ],
"rarity": "f8f4", "rarity": "f8f2",
"border": "f8f3", "border": "f8f1",
"inner": false, "inner": false,
"release": "1996-04-01", "release": "1996-04-01",
"subgroup": false, "subgroup": false,
@ -1167,6 +1360,30 @@
"[[Incoming!|o90p]]" "[[Incoming!|o90p]]"
] ]
}, },
"palp": {
"code": "palp",
"name": "Asia Pacific Land Program",
"display": "APAC Lands",
"nicknames": [
"APAC Lands",
"APAC",
"APAC Promos"
],
"rarity": "e072",
"border": "e073",
"inner": false,
"release": "1998-09-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"apac",
"asia",
"pacific",
"lands"
]
},
"pgru": { "pgru": {
"code": "pgru", "code": "pgru",
"name": "Guru", "name": "Guru",
@ -1188,6 +1405,110 @@
"program", "program",
"lands" "lands"
] ]
},
"fnm": {
"code": "fnm",
"name": "Friday Night Magic 2000",
"display": "Friday Night Magic",
"nicknames": [
"FNM",
"FNM Promos"
],
"rarity": "e093",
"border": "e094",
"inner": "e095",
"release": "2000-01-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": {
"pfnm": {
"code": "pfnm",
"name": "Keyrune v3 compatibility",
"release": "2000-01-01"
}
},
"tags": [
"friday",
"night",
"fnm",
"2000"
]
},
"pal00": {
"code": "pal00",
"name": "Arena League 2000",
"display": "Arena League 2000",
"nicknames": [
"Arena",
"Arena League"
],
"rarity": "e096",
"border": "e097",
"inner": "false",
"release": "2000-01-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": {
"pal02": {
"code": "pal02",
"name": "Arena League 2002",
"release": "2002-01-01"
}
},
"tags": [
"arena",
"league",
"2000",
"2002"
]
},
"pelp": {
"code": "pelp",
"name": "European Land Program",
"display": "Euro Lands",
"nicknames": [
"Euro Lands",
"Euro",
"Euro Promos"
],
"rarity": "e099",
"border": "e09a",
"inner": false,
"release": "2000-02-05",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"euro",
"european",
"lands"
]
},
"mpr": {
"code": "mpr",
"name": "Magic Player Rewards 2001",
"display": "Magic Player Rewards",
"nicknames": [
"MPR",
"Player Rewards",
"MPR 2001"
],
"rarity": "e0ab",
"border": "e0ac",
"inner": false,
"release": "2001-01-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"player",
"rewards",
"custom"
]
} }
} }
}, },
@ -1196,6 +1517,24 @@
"name": "Standalone", "name": "Standalone",
"description": "Experimental, out-of-world, draft inovative, or other releases that can be played on their own.", "description": "Experimental, out-of-world, draft inovative, or other releases that can be played on their own.",
"sets": { "sets": {
"past": {
"code": "pvan",
"name": "Vanguard",
"display": "Vanguard",
"nicknames": false,
"rarity": "e05d",
"border": "e05e",
"inner": false,
"release": "1997-05-01",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"vanguard",
"feather"
]
},
"ugl": { "ugl": {
"code": "ugl", "code": "ugl",
"name": "Unglued", "name": "Unglued",
@ -1228,8 +1567,8 @@
"nicknames": [ "nicknames": [
"Legends (CHR Alternative)" "Legends (CHR Alternative)"
], ],
"rarity": "f8f6", "rarity": "f8f4",
"border": "f8f5", "border": "f8f3",
"inner": false, "inner": false,
"release": "1995-07-01", "release": "1995-07-01",
"subgroup": false, "subgroup": false,
@ -1255,9 +1594,9 @@
"nicknames": [ "nicknames": [
"Portal (Gatherer Alternative)" "Portal (Gatherer Alternative)"
], ],
"rarity": "f8f2", "rarity": "f8f0",
"border": "f8f1", "border": "f8ef",
"inner": "f8f0", "inner": "f8ee",
"release": "1997-05-01", "release": "1997-05-01",
"subgroup": false, "subgroup": false,
"version": "4.0.0", "version": "4.0.0",
@ -1282,8 +1621,8 @@
"nicknames": [ "nicknames": [
"Weatherlight (Gatherer Alternative)" "Weatherlight (Gatherer Alternative)"
], ],
"rarity": "f8ef", "rarity": "f8ed",
"border": "f8ee", "border": "f8ec",
"inner": false, "inner": false,
"release": "1997-06-09", "release": "1997-06-09",
"subgroup": false, "subgroup": false,
@ -1301,6 +1640,29 @@
"gatherer", "gatherer",
"alternative" "alternative"
] ]
},
"brbalt": {
"code": "brbalt",
"name": "Battle Royale Box Set (Alternative)",
"display": "Battle Royale (Alternative)",
"nicknames": [
"Battle Royale (Community)"
],
"rarity": "f8eb",
"border": "f8ea",
"inner": false,
"release": "1999-11-12",
"subgroup": false,
"version": "4.0.0",
"official": false,
"aliases": false,
"tags": [
"battle",
"royale",
"box",
"axe",
"community"
]
} }
} }
}, },
@ -1309,28 +1671,50 @@
"name": "Custom", "name": "Custom",
"description": "Symbols I've created to fill in gaps and other game needs. Other unofficial symbols are incorporated and tagged above.", "description": "Symbols I've created to fill in gaps and other game needs. Other unofficial symbols are incorporated and tagged above.",
"sets": { "sets": {
"palp": { "4eda": {
"code": "palp", "code": "4eda",
"name": "Asia Pacific Land Program", "name": "Alternate Fourth Edition",
"display": "APAC Lands", "display": "Alternate 4th Edition",
"nicknames": [ "nicknames": false,
"APAC Lands", "rarity": "f8f6",
"APAC", "border": "f8f5",
"APAC Promos"
],
"rarity": "e072",
"border": "e073",
"inner": false, "inner": false,
"release": "1998-09-01", "release": "1995-07-01",
"subgroup": "Core",
"version": "4.0.0",
"official": true,
"aliases": {
"leg2": {
"code": "leg2",
"name": "Short alternate code",
"release": "1995-04-01"
}
},
"tags": [
"fourth",
"edition",
"alternate",
"error"
]
},
"s00alt": {
"code": "s00alt",
"name": "Starter 2000 (Alternative)",
"display": "Starter 2000 (Alternative)",
"nicknames": false,
"rarity": "f8e9",
"border": "f8e8",
"inner": false,
"release": "2000-04-01",
"subgroup": false, "subgroup": false,
"version": "4.0.0", "version": "4.0.0",
"official": false, "official": true,
"aliases": false, "aliases": false,
"tags": [ "tags": [
"apac", "starter",
"asia", "2000",
"pacific", "beginner",
"lands" "alternate"
] ]
} }
} }

14
docs/src/layouts/_default/baseof.html
View File

@ -1,23 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title> <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark">
<meta name="generator" content="Hand crafted"> <meta name="generator" content="Hand crafted">
<script type="text/javascript" src='{{ "assets/js/first.js" | relURL }}'></script> <script src='{{ "assets/js/first.js" | relURL }}'></script>
<!--<link rel="stylesheet" type="text/css" href='{{ "assets/css/docs.css" | relURL }}'>--> <!--<link rel="stylesheet" type="text/css" href='{{ "assets/css/docs.css" | relURL }}'>-->
{{- $options := (dict "targetPath" "assets/css/docs.css" "transpiler" "dartsass") -}} {{- $options := (dict "targetPath" "assets/css/docs.css" "transpiler" "dartsass") -}}
{{- $sass := resources.Get "scss/docs.scss" -}} {{- $sass := resources.Get "scss/docs.scss" -}}
{{- $style := $sass | resources.ToCSS $options -}} {{- $style := $sass | resources.ToCSS $options -}}
<link rel="stylesheet" type="text/css" href='{{ $style.RelPermalink }}'> <link rel="stylesheet" type="text/css" href='{{ $style.RelPermalink }}'>
<link rel="stylesheet" type="text/css" href='{{ "assets/css/keyrune.css" | relURL }}'> <link rel="stylesheet" type="text/css" href='{{ "assets/css/keyrune.css" | relURL }}'>
<script type="text/javascript" src='{{ "assets/js/zepto.js" | relURL }}'></script> <script src='{{ "assets/js/zepto.js" | relURL }}'></script>
<script type="text/javascript" src='{{ "assets/js/zepto.fx.js" | relURL }}'></script> <script src='{{ "assets/js/zepto.fx.js" | relURL }}'></script>
<script type="text/javascript" src='{{ "assets/js/glitz.js" | relURL }}'></script> <script src='{{ "assets/js/glitz.js" | relURL }}'></script>
<script async defer src="https://buttons.github.io/buttons.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script>
</head> </head>
<body> <body>
@ -30,4 +28,4 @@
{{ block "modal" . }} {{ block "modal" . }}
{{ end }} {{ end }}
</body> </body>
</html> </html>

4
docs/src/layouts/_default/single.html
View File

@ -3,7 +3,7 @@
{{ end }} {{ end }}
{{ define "main" }} {{ define "main" }}
<main aria-role="main"> <main>
{{ .Content }} {{ .Content }}
</main> </main>
{{ end }} {{ end }}
@ -16,4 +16,4 @@
{{ if isset .Params "modal" }} {{ if isset .Params "modal" }}
{{ partial "modal.html" . }} {{ partial "modal.html" . }}
{{ end }} {{ end }}
{{ end }} {{ end }}

6
docs/src/layouts/partials/footer.html
View File

@ -8,9 +8,9 @@
An MTG icon font built with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>. An MTG icon font built with &hearts; by <a href="https://andrewgioia.com">Andrew Gioia</a>.
</p> </p>
<a href="https://www.jsdelivr.com/package/npm/keyrune" class="mb-4"> <a href="https://www.jsdelivr.com/package/npm/keyrune" class="mb-4">
<img src="https://data.jsdelivr.com/v1/package/npm/keyrune/badge"> <img src="https://data.jsdelivr.com/v1/package/npm/keyrune/badge" alt="jsDeliver CDN badge">
</a> </a>
<a class="github-button" href="https://github.com/andrewgioia/keyrune" data-icon="octicon-star" data-show-count="true" aria-label="Star andrewgioia/keyrune on GitHub" class="mb-8"> <a class="github-button mb-8" href="https://github.com/andrewgioia/keyrune" data-icon="octicon-star" data-show-count="true" aria-label="Star andrewgioia/keyrune on GitHub">
Star Star
</a> </a>
</div> </div>
@ -93,4 +93,4 @@
</p> </p>
</div> </div>
</div> </div>
</footer> </footer>

4
docs/src/layouts/partials/header.html
View File

@ -62,9 +62,9 @@
</a> </a>
<div id="mode" class="ml-2"> <div id="mode" class="ml-2">
<input class="toggle" type="checkbox" id="switch" /> <input class="toggle" type="checkbox" id="switch">
<label class="toggle" for="switch"></label> <label class="toggle" for="switch"></label>
</div> </div>
</nav> </nav>
</header> </header>

43
docs/src/layouts/partials/modal.html
View File

@ -1,5 +1,5 @@
<object id="icon"> <object id="icon">
<details open disabled> <details open>
<summary tabindex="-1"> <summary tabindex="-1">
<span class="name">Set name</span> <span class="name">Set name</span>
</summary> </summary>
@ -64,7 +64,7 @@
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg> </svg>
<span class="text-sm ml-2">Copy unicode</span> <span class="text-sm ml-2">Copy unicode</span>
<em>Unicode copied!</em> <sup class="tooltip">Unicode copied!</sup>
</a> </a>
<a href="javascript:;" id="copy-glyph" class="action-button glyph mr-6 flex-inline flex-align-center" data-tooltip="SVG copied!"> <a href="javascript:;" id="copy-glyph" class="action-button glyph mr-6 flex-inline flex-align-center" data-tooltip="SVG copied!">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@ -72,7 +72,7 @@
<polyline points="8 6 2 12 8 18"></polyline> <polyline points="8 6 2 12 8 18"></polyline>
</svg> </svg>
<span class="text-sm ml-2">Copy glyph</span> <span class="text-sm ml-2">Copy glyph</span>
<em>Glyph copied!</em> <sup class="tooltip">Glyph copied!</sup>
</a> </a>
<a href="javascript:;" id="download-svg" class="action-button download flex-inline flex-align-center"> <a href="javascript:;" id="download-svg" class="action-button download flex-inline flex-align-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@ -81,7 +81,7 @@
<line x1="12" y1="15" x2="12" y2="3"></line> <line x1="12" y1="15" x2="12" y2="3"></line>
</svg> </svg>
<span class="text-sm ml-2">Download</span> <span class="text-sm ml-2">Download</span>
<em>SVG downloaded!</em> <sup class="tooltip">SVG downloaded!</sup>
</a> </a>
</div> </div>
</div> </div>
@ -90,65 +90,60 @@
</div> </div>
</div> </div>
<div class="icon checkerboard flex flex-col flex-shrink-0"> <div class="icon checkerboard flex flex-col flex-shrink-0">
<i class="ss"></i> <i class="ss ss-border ss-inner"></i>
<div id="icon-controls" class="icon-controls flex flex-row flex-align-center flex-justify-center flex-shrink-0"> <div id="icon-controls" class="icon-controls flex flex-row flex-align-center flex-justify-center flex-shrink-0">
<menu id="icon-rarity-modal" class="flex flex-row group mr-2"> <menu id="icon-rarity-modal" class="flex flex-row group mr-2">
<li> <li>
<label for="rarity_common" class="small left checked"> <label for="rarity_common" class="small left checked">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 480 480" fill="#000"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#000">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<label for="rarity_uncommon" class="small center"> <label for="rarity_uncommon" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 480 480" fill="#707883"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#707883">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<label for="rarity_rare" class="small center"> <label for="rarity_rare" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 480 480" fill="#b7a066"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#b7a066">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<label for="rarity_mythic" class="small center"> <label for="rarity_mythic" class="small center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 480 480" fill="#bf4427"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#bf4427">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/>
</svg> </svg>
</label> </label>
<label for="rarity_foil" class="small right"> <label for="rarity_foil" class="small right">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 480 480" fill="#00afc9"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 24 24" fill="#00afc9">
<path d="M76.084 233.472c32.743.6 66.086 9.848 90.981 31.943 38.842 32.943 56.938 85.032 59.388 134.772-41.791 2.449-81.733-20.196-106.478-52.889-24.995-32.893-38.142-73.285-43.891-113.826zM314.734 263.465c24.395-21.245 57.239-29.043 88.932-29.293-7.549 55.138-30.794 112.026-77.384 145.319-20.696 15.847-47.24 21.446-72.885 20.546 2-50.889 20.246-104.078 61.337-136.572z"/> <path d="M0 16.33a8.86 8.86 0 0 1 4.3-.02c.78.81 1.3 1.85 2.16 2.6.84.84 1.98 1.22 3.05 1.66-2.55.1-5.26-.31-7.37-1.86A8.2 8.2 0 0 1 0 16.33Zm24-.08c-.65 1.48-2.02 2.52-3.42 3.25a13.64 13.64 0 0 1-6.14 1.12c1.27-.58 2.64-1.08 3.56-2.19.66-.67 1.03-1.63 1.83-2.16 1.36-.35 2.8-.2 4.17-.02ZM3.8 11.68c1.64.03 3.3.49 4.55 1.6 1.95 1.64 2.85 4.24 2.97 6.73A6.4 6.4 0 0 1 6 17.37a12.17 12.17 0 0 1-2.2-5.7Zm5.98-6.76c.37 3.82.5 4.3.6 4.76.03.2.08.39.15.58l.63-.05a6 6 0 0 0 .3-1.25c.47-3.85.55-5.68.56-5.59.46 5.66.7 6.4.87 6.84l.62.05c.1-.27.08-.3.2-.83.28-1.15.52-4.3.56-4.5.2 1.53.3 2.5.44 3.45.06.44.13.88.23 1.32.06.28.13.57.24.84.2.05.39.1.57.18.06-.12.1-.24.15-.37.1-.32.17-.64.24-.97.36-2.3.36-2.47.42-2.63.38 3.21.46 4.06.53 4.91a6.9 6.9 0 0 0-3.17 2.2 7.31 7.31 0 0 0-1.12 1.9c-.33.86-.52 1.75-.63 2.65l-.08.83c-.01.07-.02.15-.06.22h-.02a.33.33 0 0 1-.04-.17c-.03-.18-.04-.37-.06-.55-.05-.5-.12-.99-.22-1.48a8.43 8.43 0 0 0-.84-2.31 7.17 7.17 0 0 0-3.9-3.29c.11-1.18.54-4.9.54-4.9.18 1 .24 1.54.33 2.09.07.44.15.88.27 1.31.05.2.12.38.2.56l.57-.18c.07-.02.08 0 .17-.52.25-1.32.73-5.04.75-5.1Zm5.96 8.26a6.78 6.78 0 0 1 4.44-1.47c-.37 2.76-1.54 5.6-3.87 7.27A5.64 5.64 0 0 1 12.67 20c.1-2.54 1.01-5.2 3.07-6.82Z"/>
<path d="M0 326.652c27.944-5.799 58.338-8.798 85.932-.5 15.647 16.247 26.045 37.043 43.191 51.99 16.797 16.746 39.642 24.444 61.137 33.243-51.089 2.049-105.328-6.299-147.519-37.143C25.095 361.895 11.498 344.749 0 326.652zM396.517 325.453c27.245-7.149 55.939-4.15 83.483-.5-13.047 29.693-40.492 50.339-68.486 65.036-38.292 16.997-80.883 24.245-122.724 22.295 25.345-11.547 52.889-21.595 71.185-43.69 13.197-13.498 20.696-32.594 36.542-43.141zM240.411 67.406c9.095 113.171 14.161 127.959 17.311 136.752 4.164.275 8.331.546 12.486.949 2.058-5.379 1.543-5.816 4.128-16.599 5.504-22.959 10.206-85.849 10.992-90.052 4.049 30.719 6.02 49.969 8.808 69.137 1.288 8.797 2.705 17.584 4.594 26.299 1.275 5.692 2.635 11.404 4.932 16.855 3.865 1.043 7.7 2.188 11.416 3.595 1.164-2.36 2.04-4.825 2.864-7.293 2.077-6.414 3.516-12.974 4.775-19.545 7.193-45.814 7.357-49.301 8.517-52.438 7.511 64.209 9.074 81.156 10.495 98.112-10.891 3.646-21.19 8.651-30.606 14.706-12.598 8.107-23.565 18.13-32.655 29.309a145.967 145.967 0 0 0-22.363 38.106c-6.77 17.051-10.589 34.923-12.65 52.876-.666 5.513-1.076 11.045-1.709 16.558-.23 1.472-.27 3.025-1.072 4.365h-.396c-.735-.991-.78-2.215-.987-3.346-.486-3.658-.756-7.335-1.137-11.002-.957-9.885-2.317-19.748-4.403-29.5-3.423-15.951-8.598-31.704-16.674-46.322-9.236-16.766-21.947-32.137-37.875-44.403a137.479 137.479 0 0 0-40.031-21.355c2.022-23.601 4.16-47.2 6.637-70.769 3.795-27.076 3.918-27.058 3.979-27.048 3.582 19.723 4.793 30.573 6.572 41.585 1.416 8.825 3.013 17.644 5.445 26.301 1.095 3.764 2.288 7.526 4.025 11.105 3.716-1.417 7.594-2.43 11.422-3.605 1.391-.426 1.498-.045 3.408-10.445 4.93-26.846 14.804-103.264 14.935-101.92 7.466 76.397 9.956 86.065 11.82 95.266.838 3.884 1.787 7.703 3.289 11.437 4.156-.331 8.311-.668 12.475-.913 3.117-8.667 4.899-15.997 6.008-25.038 9.434-76.926 11.085-113.454 11.225-111.72z"/>
</svg> </svg>
</label> </label>
</li> </li>
</menu> </menu>
<menu id="preview-extras-modal" class="flex flex-row"> <menu id="preview-extras-modal" class="flex flex-row">
<li> <li>
<label for="extras_border" class="small mr-1"> <label for="extras_border" class="small mr-1 checked">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="10"></circle>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<label for="extras_inner" class="small mr-1"> <label for="extras_inner" class="small mr-1 checked">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="4"></circle> <circle cx="12" cy="12" r="4"></circle>
</svg> </svg>
</label> </label>
</li> </li>
<li> <li>
<label for="extras_gradient" class="small disabled" disabled="disabled"> <label for="extras_gradient" class="small disabled">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5.5,3.5 L19.5,3.5 C20.605,3.5 21.5,4.395 21.5,5.5 L21.5,19.5 C21.5,20.605 20.605,21.5 19.5,21.5 L5.5,21.5 C4.395,21.5 3.5,20.605 3.5,19.5 L3.5,5.5 C3.5,4.395 4.395,3.5 5.5,3.5 z"></path> <path d="M5.5,3.5 L19.5,3.5 C20.605,3.5 21.5,4.395 21.5,5.5 L21.5,19.5 C21.5,20.605 20.605,21.5 19.5,21.5 L5.5,21.5 C4.395,21.5 3.5,20.605 3.5,19.5 L3.5,5.5 C3.5,4.395 4.395,3.5 5.5,3.5 z"></path>
<path d="M16.344,21.5 L21.5,16.344"></path> <path d="M16.344,21.5 L21.5,16.344"></path>
@ -163,4 +158,4 @@
</div> </div>
</div> </div>
</details> </details>
</object> </object>

10
docs/src/layouts/shortcodes/icons.html
View File

@ -1,12 +1,12 @@
{{- range sort .Site.Data.sets "order" "asc" -}} {{- range sort .Site.Data.sets "order" "asc" -}}
{{- if isset . "sets" -}} {{- if isset . "sets" -}}
{{- $group := . -}} {{- $group := . -}}
<div class="set-group" data-id="{{ $group.order }}" data-count="{{ len $group.sets }} "> <div class="set-group" data-id="{{ $group.order }}" data-count="{{ len $group.sets }}">
<div class="set-group-info sticky"> <div class="set-group-info sticky">
<h2 class="my-4 pr-8"> <h2 class="my-4 pr-8">
{{ .name }} {{ .name }}
</h2> </h2>
<p class="mb-6 pr-8"> <p class="hidden md:block mb-6 pr-8">
{{ .description }} {{ .description }}
</p> </p>
</div> </div>
@ -14,7 +14,7 @@
<div class="set-group-grid grid pt-2"> <div class="set-group-grid grid pt-2">
{{- range $index, $set := sort $group.sets "release" "asc" -}} {{- range $index, $set := sort $group.sets "release" "asc" -}}
<figure <figure
class="grid-span-1 checkerboard" class="grid-span-1"
data-code="{{ $set.code }}" data-code="{{ $set.code }}"
data-name="{{ $set.name }}" data-name="{{ $set.name }}"
data-tags="{{ $set.tags | jsonify }}" data-tags="{{ $set.tags | jsonify }}"
@ -28,7 +28,7 @@
data-version="{{ $set.version }}" data-version="{{ $set.version }}"
data-aliases="{{ $set.aliases | jsonify }}" data-aliases="{{ $set.aliases | jsonify }}"
> >
<i class="ss ss-rarity-common ss-{{ $set.code }} ss-fw"></i> <i class="ss ss-{{ $set.code }} ss-rarity-common ss-border ss-inner ss-fw"></i>
<span class="icon-code">{{ $set.code }}</span> <span class="icon-code">{{ $set.code }}</span>
<span class="icon-name">{{ $set.display }}</span> <span class="icon-name">{{ $set.display }}</span>
</figure> </figure>
@ -45,4 +45,4 @@
<p> <p>
<a href="/sets" class="clear search-link" data-q="">Clear it</a> or try a cool one like <a href="?q=tmp" class="search-link" data-q="tmp">TMP</a> 😎 <a href="/sets" class="clear search-link" data-q="">Clear it</a> or try a cool one like <a href="?q=tmp" class="search-link" data-q="tmp">TMP</a> 😎
</p> </p>
</div> </div>

803
docs/src/static/assets/css/docs.css
View File

@ -1,4 +1,352 @@
@charset "UTF-8"; @charset "UTF-8";
:root {
--bg-accent: #d2d1cf;
--bg-active: #d2d1cf;
--bg-body: #fff;
--bg-border: #000;
--bg-button: #fff;
--bg-content: #f2f1f1;
--bg-card: #e0dfde;
--bg-card-hover: #d2d1cf;
--bg-dialog: #e0dfde;
--bg-hover: #f0eded;
--bg-shadow: #131417;
--icon-shadow: #fff;
--link-default: #0060e4;
--text-default: #000;
--text-accent: #8e8d88;
--text-contrast: #fff;
--svg-border: #fff;
--rgba-fg: rgba(255,255,255,0.916667);
--rgba-modal: rgba(0, 0, 0, 0.75);
}
:root[data-mode=dark] {
--bg-accent: #8e8d88;
--bg-active: #39b9e4;
--bg-body: #1e1f20;
--bg-border: #575754;
--bg-button: #18191b;
--bg-content: #2a2a2b;
--bg-card: #1e1f20;
--bg-card-hover: #18191b;
--bg-dialog: #131417;
--bg-hover: #131417;
--bg-shadow: #000;
--icon-shadow: transparent;
--link-default: #39b9e4;
--text-default: #fff;
--text-accent: #d2d1cf;
--text-contrast: #f2f1f1;
--svg-border: #575754;
--rgba-fg: rgba(0,0,0,0.9);
--rgba-modal: rgba(0, 0, 0, 0.5);
}
@font-face {
font-family: "Beleren";
src: url("../font/beleren.eot");
src: url("../font/beleren.woff") format("woff"), url("../font/beleren.ttf") format("truetype"), url("../font/beleren.svg") format("svg");
font-weight: normal;
font-style: normal;
}
html {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 16px;
}
body {
align-items: center;
background: var(--bg-body);
border-top: 5px solid var(--bg-border);
color: var(--text-default);
display: flex;
flex-direction: column;
margin: 0;
}
header {
align-items: center;
display: flex;
flex-direction: row;
height: 5rem;
justify-content: space-between;
width: 100%;
}
header mark {
background: transparent;
color: var(--text-default);
flex-shrink: 0;
font-family: Beleren;
font-size: 1.5rem;
margin-left: 1.5rem;
}
header mark i {
color: var(--text-default) !important;
}
header mark b {
border: 0.1rem solid var(--text-default);
border-radius: 0.35rem;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 0.75rem;
font-weight: normal;
margin: 0 0 0 0.5rem;
padding: 0.2rem 0.4rem;
position: relative;
top: -0.2rem;
}
header menu {
flex-grow: 1;
}
header #toggle-nav {
position: absolute;
right: 1.5rem;
z-index: 20;
}
header #toggle-nav svg .line {
opacity: 1;
transform: rotate(0) translateY(0) translateX(0);
transform-origin: 1em 1em;
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
header #toggle-nav svg .line.top {
transform-origin: 6px 6px;
}
header #toggle-nav svg .line.bot {
transform-origin: 3px 17px;
}
header #toggle-nav svg.closed .line.top {
transform: rotate(45deg) scale(1.1);
}
header #toggle-nav svg.closed .line.mid {
opacity: 0;
}
header #toggle-nav svg.closed .line.bot {
transform: rotate(-45deg) scale(1.1);
}
header nav {
transform: translateY(-100%);
flex-direction: column;
margin-right: 2.5rem;
}
header nav > a {
align-items: center;
color: var(--text-default);
display: flex;
margin: 0 1rem;
}
header nav > a > svg {
margin-right: 0.5rem;
}
header nav > a > span {
text-decoration: underline transparent;
transition: text-decoration 150ms ease-in-out;
-webkit-text-underline-position: from-font;
text-underline-position: under-font;
}
header nav > a:hover span {
text-decoration-color: var(--text-default);
}
header nav.mobile {
background: var(--rgba-fg);
position: fixed;
top: 0;
left: 0;
padding-top: 1rem;
padding-bottom: 2.5rem;
width: 100%;
z-index: 10;
border-radius: 0 0 2rem 2rem;
transform: translateY(0);
transition: transform 200ms ease-in-out;
}
header nav.mobile > a {
font-size: 1.75rem;
padding: 0.5rem 1rem;
}
header nav.mobile > a > span {
padding-left: 0.5rem;
}
header nav.mobile #hide-nav {
right: 0;
position: absolute;
top: 1rem;
}
header nav.mobile #mode {
margin-top: 1rem;
text-align: center;
}
header nav.mobile #mode label.toggle {
height: 2.5rem;
width: 8rem;
border-radius: 1.5rem;
}
header nav.mobile #mode label.toggle::after {
font-size: 1.33rem;
width: 3rem;
height: 2.1rem;
}
header nav.mobile #mode input.toggle:checked + label::after {
left: calc(100% - 0.25rem);
}
@media only screen and (min-width: 768px) {
#toggle-nav {
display: none;
}
header mark {
margin-left: 2.5rem;
}
header nav {
display: flex;
flex-direction: row;
transform: none;
}
}
main {
align-items: center;
display: flex;
flex-direction: column;
width: 100%;
}
section {
width: 100%;
}
article {
display: flex;
flex-direction: column;
width: min(83.3333%, 1200px);
}
footer {
background-color: #131417;
color: #fff;
display: flex;
justify-content: center;
padding: 3rem 0;
width: 100%;
}
footer.border {
border-top: 1px solid #2a2a2b;
}
footer menu li {
margin-bottom: 0.5rem;
}
footer iframe html body {
background: var(--bg-body);
}
#mode {
height: 2rem;
}
#mode input.toggle {
height: 0;
width: 0;
visibility: hidden;
}
#mode input.toggle:checked + label {
background: var(--bg-body);
}
#mode input.toggle:checked + label::after {
content: "\e024";
left: calc(100% - 0.2rem);
transform: translateX(-100%);
}
#mode label.toggle {
cursor: pointer;
width: 4rem;
height: 1.75rem;
border: 2px solid var(--bg-accent);
display: inline-flex;
border-radius: 1rem;
position: relative;
transition: border-color 150ms ease-in-out;
}
#mode label.toggle:hover {
border-color: var(--text-accent);
}
#mode label.toggle::after {
content: "\e012";
color: var(--text-default);
font-family: keyrune;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0.2rem;
left: 0.2rem;
width: 1.75rem;
height: 1.35rem;
background: var(--bg-content);
border-radius: 1rem;
transition: all 300ms ease-in-out;
}
#mode label.toggle:active::after {
width: 2rem;
}
:root[data-mode=dark] #mode label::after {
content: "\e024";
left: calc(100% - 0.2rem);
transform: translateX(-100%);
}
.angle-top::before {
content: "";
display: block;
height: 4rem;
background: var(--bg-body);
position: absolute;
top: 0;
width: 100%;
clip-path: polygon(0% 0%, 100% 0, 100% 0, 0% 100%);
}
.checkerboard {
background-image: linear-gradient(45deg, var(--bg-hover) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-hover) 75%), linear-gradient(45deg, transparent 75%, var(--bg-hover) 75%), linear-gradient(45deg, var(--bg-hover) 25%, transparent 25%);
background-size: 1.5rem 1.5rem;
background-position: 0 0, 0 0, -0.75rem -0.75rem, 0.75rem 0.75rem;
}
.bg-accent {
background-color: var(--bg-accent);
}
.bg-black {
background-color: #131417;
}
.bg-content {
background-color: var(--bg-content);
}
.tooltip {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
transition: top 250ms ease-in-out, opacity 250ms ease-in-out;
}
.tooltip-wrapper:not(.disabled):hover .tooltip {
top: -0.5rem;
opacity: 1;
transition-delay: 750ms;
}
.flex { .flex {
display: flex; display: flex;
} }
@ -62,6 +410,9 @@
.grid-cols-6 { .grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-columns: repeat(6, minmax(0, 1fr));
} }
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-gap-4 { .grid-gap-4 {
gap: 1rem; gap: 1rem;
} }
@ -104,6 +455,12 @@
.grid-span-6 { .grid-span-6 {
grid-column: span 6/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 { .hidden {
display: none; display: none;
@ -151,6 +508,9 @@
.ml-4 { .ml-4 {
margin-left: 1rem; margin-left: 1rem;
} }
.ml-6 {
margin-left: 1.5rem;
}
.mr-1 { .mr-1 {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@ -211,6 +571,10 @@
margin-left: 2rem; margin-left: 2rem;
margin-right: 2rem; margin-right: 2rem;
} }
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.my-2 { .my-2 {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -374,11 +738,14 @@
width: min(91.66667%, 1440px); width: min(91.66667%, 1440px);
} }
} }
.border-t-light {
border-top: 1px solid var(--bg-accent);
}
@media only screen and (min-width: 512px) { @media only screen and (min-width: 512px) {
.xs\:inline { .xs\:inline {
display: inline; display: inline;
} }
.xs\:hidden { .xs\:hidden {
display: none; display: none;
} }
@ -387,27 +754,21 @@
.sm\:inline { .sm\:inline {
display: inline; display: inline;
} }
.sm\:hidden { .sm\:hidden {
display: none; display: none;
} }
.sm\:flex-row { .sm\:flex-row {
flex-direction: row; flex-direction: row;
} }
.sm\:w-1\/5 { .sm\:w-1\/5 {
width: 20%; width: 20%;
} }
.sm\:w-3\/5 { .sm\:w-3\/5 {
width: 60%; width: 60%;
} }
.sm\:w-3\/5 { .sm\:w-3\/5 {
width: 60%; width: 60%;
} }
.sm\:list { .sm\:list {
display: list-item; display: list-item;
list-style: none; list-style: none;
@ -417,328 +778,13 @@
.md\:block { .md\:block {
display: block; display: block;
} }
.md\:flex { .md\:flex {
display: flex; display: flex;
} }
.md\:inline { .md\:inline {
display: inline; display: inline;
} }
} }
:root {
--bg-body: #fff;
--bg-hover: #f2f1f1;
--bg-content: #e0dfde;
--bg-accent: #d2d1cf;
--bg-border: #000;
--bg-button: #fff;
--bg-active: #d2d1cf;
--icon-default: #131417;
--link-default: #0060e4;
--text-default: #000;
--text-accent: #8e8d88;
--text-contrast: #fff;
--svg-border: #fff;
--rgba-fg: rgba(255,255,255,0.916667);
--rgba-modal: rgba(0, 0, 0, 0.75);
}
:root[data-mode=dark] {
--bg-body: #202124;
--bg-hover: #131417;
--bg-content: #3a3a3a;
--bg-accent: #8e8d88;
--bg-border: #575754;
--bg-button: #18191b;
--bg-active: #29c9ff;
--icon-default: #000;
--link-default: #29c9ff;
--text-default: #fff;
--text-accent: #d2d1cf;
--text-contrast: #ddd;
--svg-border: #575754;
--rgba-fg: rgba(0,0,0,0.9);
--rgba-modal: rgba(0, 0, 0, 0.5);
}
@font-face {
font-family: "Beleren";
src: url("../font/beleren.eot");
src: url("../font/beleren.woff") format("woff"), url("../font/beleren.ttf") format("truetype"), url("../font/beleren.svg") format("svg");
font-weight: normal;
font-style: normal;
}
html {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 16px;
}
body {
align-items: center;
background: var(--bg-body);
border-top: 5px solid var(--bg-border);
color: var(--text-default);
display: flex;
flex-direction: column;
margin: 0;
}
header {
align-items: center;
display: flex;
flex-direction: row;
height: 5rem;
justify-content: space-between;
width: 100%;
}
header mark {
background: transparent;
color: var(--text-default);
flex-shrink: 0;
font-family: Beleren;
font-size: 1.5rem;
margin-left: 1.5rem;
}
header mark i {
color: var(--text-default) !important;
}
header mark b {
border: 0.1rem solid var(--text-default);
border-radius: 0.35rem;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 0.75rem;
font-weight: normal;
margin: 0 0 0 0.5rem;
padding: 0.2rem 0.4rem;
position: relative;
top: -0.2rem;
}
header menu {
flex-grow: 1;
}
header #toggle-nav {
position: absolute;
right: 1.5rem;
z-index: 20;
}
header #toggle-nav svg .line {
opacity: 1;
transform: rotate(0) translateY(0) translateX(0);
transform-origin: 1em 1em;
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
header #toggle-nav svg .line.top {
transform-origin: 6px 6px;
}
header #toggle-nav svg .line.bot {
transform-origin: 3px 17px;
}
header #toggle-nav svg.closed .line.top {
transform: rotate(45deg) scale(1.1);
}
header #toggle-nav svg.closed .line.mid {
opacity: 0;
}
header #toggle-nav svg.closed .line.bot {
transform: rotate(-45deg) scale(1.1);
}
header nav {
transform: translateY(-100%);
flex-direction: column;
margin-right: 2.5rem;
}
header nav > a {
align-items: center;
color: var(--text-default);
display: flex;
margin: 0 1rem;
}
header nav > a > svg {
margin-right: 0.5rem;
}
header nav > a > span {
text-decoration: underline transparent;
transition: text-decoration 150ms ease-in-out;
-webkit-text-underline-position: from-font;
text-underline-position: under-font;
}
header nav > a:hover span {
text-decoration-color: var(--text-default);
}
header nav.mobile {
background: var(--rgba-fg);
position: fixed;
top: 0;
left: 0;
padding-top: 1rem;
padding-bottom: 2.5rem;
width: 100%;
z-index: 10;
border-radius: 0 0 2rem 2rem;
transform: translateY(0);
transition: transform 200ms ease-in-out;
}
header nav.mobile > a {
font-size: 1.75rem;
padding: 0.5rem 1rem;
}
header nav.mobile > a > span {
padding-left: 0.5rem;
}
header nav.mobile #hide-nav {
right: 0;
position: absolute;
top: 1rem;
}
header nav.mobile #mode {
margin-top: 1rem;
text-align: center;
}
header nav.mobile #mode label.toggle {
height: 2.5rem;
width: 8rem;
border-radius: 1.5rem;
}
header nav.mobile #mode label.toggle::after {
font-size: 1.33rem;
width: 3rem;
height: 2.1rem;
}
header nav.mobile #mode input.toggle:checked + label::after {
left: calc(100% - 0.25rem);
}
@media only screen and (min-width: 768px) {
#toggle-nav {
display: none;
}
header mark {
margin-left: 2.5rem;
}
header nav {
display: flex;
flex-direction: row;
transform: none;
}
}
main {
align-items: center;
display: flex;
flex-direction: column;
width: 100%;
}
section {
width: 100%;
}
article {
display: flex;
flex-direction: column;
width: min(83.3333%, 1200px);
}
footer {
background-color: #131417;
color: #fff;
display: flex;
justify-content: center;
padding: 3rem 0;
width: 100%;
}
footer.border {
border-top: 1px solid #3a3a3a;
}
footer menu li {
margin-bottom: 0.5rem;
}
footer iframe html body {
background: var(--bg-body);
}
#mode {
height: 2rem;
}
#mode input.toggle {
height: 0;
width: 0;
visibility: hidden;
}
#mode input.toggle:checked + label {
background: var(--bg-body);
}
#mode input.toggle:checked + label::after {
content: "\e024";
left: calc(100% - 0.2rem);
transform: translateX(-100%);
}
#mode label.toggle {
cursor: pointer;
width: 4rem;
height: 1.75rem;
border: 2px solid var(--bg-accent);
display: inline-flex;
border-radius: 1rem;
position: relative;
transition: border-color 150ms ease-in-out;
}
#mode label.toggle:hover {
border-color: var(--text-accent);
}
#mode label.toggle::after {
content: "\e012";
color: var(--text-default);
font-family: keyrune;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0.2rem;
left: 0.2rem;
width: 1.75rem;
height: 1.35rem;
background: var(--bg-content);
border-radius: 1rem;
transition: all 300ms ease-in-out;
}
#mode label.toggle:active::after {
width: 2rem;
}
:root[data-mode=dark] #mode label::after {
content: "\e024";
left: calc(100% - 0.2rem);
transform: translateX(-100%);
}
.angle-top::before {
content: "";
display: block;
height: 4rem;
background: var(--bg-body);
position: absolute;
top: 0;
width: 100%;
clip-path: polygon(0% 0%, 100% 0, 100% 0, 0% 100%);
}
.checkerboard {
background-image: linear-gradient(45deg, var(--bg-hover) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-hover) 75%), linear-gradient(45deg, transparent 75%, var(--bg-hover) 75%), linear-gradient(45deg, var(--bg-hover) 25%, transparent 25%);
background-size: 1.5rem 1.5rem;
background-position: 0 0, 0 0, -0.75rem -0.75rem, 0.75rem 0.75rem;
}
.bg-accent {
background-color: var(--bg-accent);
}
.bg-black {
background-color: #131417;
}
.bg-content {
background-color: var(--bg-content);
}
h1 { h1 {
font-family: Beleren; font-family: Beleren;
font-size: 3rem; font-size: 3rem;
@ -862,7 +908,7 @@ button.bubble::before {
width: calc(100% + 2rem); width: calc(100% + 2rem);
height: calc(100% + 2rem); height: calc(100% + 2rem);
border-radius: 1rem; border-radius: 1rem;
background: #202124; background: #1e1f20;
top: -1rem; top: -1rem;
left: -1rem; left: -1rem;
z-index: 0; z-index: 0;
@ -909,7 +955,7 @@ aside > p.big {
} }
} }
dialog { dialog {
background: var(--bg-content); background: var(--bg-dialog);
border: none; border: none;
border-radius: 1.5rem; border-radius: 1.5rem;
color: var(--text-default); color: var(--text-default);
@ -1066,6 +1112,10 @@ menu label.disabled, menu label[disabled=disabled] {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.33; opacity: 0.33;
} }
menu label svg {
width: 1.5rem;
height: 1.5rem;
}
menu input[type=radio]:checked + label, menu input[type=radio]:checked + label,
menu input[type=checkbox]:checked + label, menu input[type=checkbox]:checked + label,
menu label.checked { menu label.checked {
@ -1122,7 +1172,7 @@ menu.group label.right {
} }
#icons figure { #icons figure {
align-items: center; align-items: center;
background-color: var(--bg-body); background-color: var(--bg-card);
border-radius: 1rem; border-radius: 1rem;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -1133,7 +1183,7 @@ menu.group label.right {
width: 100%; width: 100%;
} }
#icons figure:hover { #icons figure:hover {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
animation: hover 200ms; animation: hover 200ms;
} }
#icons figure > .ss { #icons figure > .ss {
@ -1143,6 +1193,9 @@ menu.group label.right {
#icons figure > .ss.ss-rarity-common:not(.ss-inner)::before { #icons figure > .ss.ss-rarity-common:not(.ss-inner)::before {
color: var(--text-default) !important; color: var(--text-default) !important;
} }
#icons figure > .ss::before {
text-shadow: 0 0 2rem var(--icon-shadow);
}
#icons figure > span { #icons figure > span {
margin: 0 0.5rem 1.25rem; margin: 0 0.5rem 1.25rem;
} }
@ -1197,13 +1250,36 @@ menu.group label.right {
display: inline; display: inline;
margin: 1rem 1rem 1rem 0; margin: 1rem 1rem 1rem 0;
} }
#icons[data-density=icon] div.grid {
gap: 1rem;
margin-bottom: 2rem;
}
#icons[data-density=icon] div.sticky {
padding-bottom: 1rem;
}
#icons[data-density=icon] figure {
flex-direction: row;
justify-content: center;
border-radius: 0.75rem;
}
#icons[data-density=icon] figure > .ss {
font-size: 2rem;
margin: 1rem;
}
#icons[data-density=icon] figure > span.icon-name,
#icons[data-density=icon] figure > span.icon-code {
display: none;
}
#icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@keyframes hover { @keyframes hover {
0% { 0% {
background-color: var(--bg-body); background-color: var(--bg-card);
} }
100% { 100% {
background-color: var(--bg-hover); background-color: var(--bg-card-hover);
} }
} }
@media only screen and (min-width: 1025px) { @media only screen and (min-width: 1025px) {
@ -1222,12 +1298,23 @@ menu.group label.right {
gap: 2rem; gap: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
#icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
} }
:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner::before { @media only screen and (min-width: 1281px) {
color: #000 !important; #icons[data-density=icon] .set-group-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
} }
:root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-border:not(.ss-inner)::after { :root[data-mode=dark] #icons figure .ss.ss-rarity-common.ss-inner,
color: #000 !important; :root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common.ss-inner {
--ss-rarity: #000 !important;
}
:root[data-mode=dark] #icons figure .ss.ss-rarity-common:not(.ss-inner),
:root[data-mode=dark] object details .details .icon i.ss.ss-rarity-common:not(.ss-inner) {
--ss-rarity: #fff !important;
--ss-border: #000 !important;
} }
form .input-wrapper svg { form .input-wrapper svg {
@ -1244,7 +1331,7 @@ form .input-wrapper svg.clear {
form input[type=text] { form input[type=text] {
align-self: stretch; align-self: stretch;
background: var(--bg-body); background: var(--bg-body);
border: 0.15rem solid var(--text-default); border: 0.15rem solid var(--bg-border);
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
height: 3.6rem; height: 3.6rem;
border-radius: 2rem; border-radius: 2rem;
@ -1254,15 +1341,15 @@ form input[type=text] {
width: calc(100% - 5.5rem); width: calc(100% - 5.5rem);
} }
form input[type=text]::placeholder { form input[type=text]::placeholder {
color: var(--bg-accent); color: var(--text-accent);
font-size: 1.25rem; font-size: 1.25rem;
} }
form input[type=text]:focus { form input[type=text]:focus {
outline: none; outline: none;
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover), 0 0 0 1px var(--bg-body), 0 0 0 0.25rem #29c9ff; box-shadow: inset 0 0.25rem 0 0 var(--bg-hover), 0 0 0 1px var(--bg-body), 0 0 0 0.25rem #39b9e4;
} }
form button.button { form button.button {
border-color: var(--text-default); border-color: var(--bg-border);
border-radius: 0 2rem 2rem 0; border-radius: 0 2rem 2rem 0;
box-shadow: inset 0 0.25rem 0 0 var(--bg-hover); box-shadow: inset 0 0.25rem 0 0 var(--bg-hover);
cursor: pointer; cursor: pointer;
@ -1299,6 +1386,7 @@ object {
top: 0; top: 0;
left: 0; left: 0;
background: var(--rgba-modal); background: var(--rgba-modal);
backdrop-filter: blur(0.5rem);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1308,7 +1396,7 @@ object {
} }
object details { object details {
background: var(--rgba-fg); background: var(--rgba-fg);
box-shadow: 0 0 12rem 0 var(--icon-default); box-shadow: 0 0 12rem 0 var(--bg-shadow);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 1.5rem; border-radius: 1.5rem;
@ -1341,14 +1429,10 @@ object details .icon {
padding: 2rem 0.5rem 1rem; padding: 2rem 0.5rem 1rem;
} }
object details .icon i.ss { object details .icon i.ss {
color: var(--text-default);
font-size: 8em; font-size: 8em;
line-height: 1.75ex; line-height: 1;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
} }
object details .icon i.ss.ss-rarity-common:not(.ss-inner)::before {
color: var(--text-default) !important;
}
object details .icon-controls { object details .icon-controls {
display: none; display: none;
} }
@ -1381,6 +1465,19 @@ object details .table .inner,
object details .table .aliases > span { object details .table .aliases > span {
font-family: monospace; 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 { object details .table ul.glyphs {
list-style: none; list-style: none;
margin: 0; margin: 0;
@ -1403,7 +1500,6 @@ object details .table ul.glyphs li.false {
} }
object details .table ul.glyphs i { object details .table ul.glyphs i {
font-size: 1.2rem; font-size: 1.2rem;
width: 1.75em;
} }
object details .table ul.glyphs i::before, object details .table ul.glyphs i::after, object details .table ul.glyphs i::marker { object details .table ul.glyphs i::before, object details .table ul.glyphs i::after, object details .table ul.glyphs i::marker {
color: var(--text-default); color: var(--text-default);
@ -1449,27 +1545,6 @@ object details .table .actions a.action-button span {
object details .table .actions a.action-button:hover span { object details .table .actions a.action-button:hover span {
text-decoration-color: var(--text-default); text-decoration-color: var(--text-default);
} }
object details .table .actions a.action-button em {
font-style: normal;
display: flex;
width: auto;
margin: 0 auto;
background: var(--text-default);
position: absolute;
top: 0;
left: 50%;
white-space: nowrap;
min-height: 1.5rem;
color: var(--bg-body);
transform: translateX(-50%) translateY(-50%);
margin-top: -1rem;
opacity: 0;
font-size: 1rem;
padding: 0.25rem 0.75rem;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
}
object details .tags { object details .tags {
display: flex; display: flex;
font-size: 0.9rem; font-size: 0.9rem;

2
docs/src/static/assets/css/docs.css.map
View File

File diff suppressed because one or more lines are too long

898
docs/src/static/assets/css/keyrune.css Normal file
View File

@ -0,0 +1,898 @@
:root {
--ss-border: #fff;
--ss-border-contrast: #131417;
--ss-inner: #fff;
--ss-rarity: #131417;
--ss-rarity-bg: transparent;
}
:root[data-mode=dark] {
--ss-border: #ddd;
--ss-border-contrast: #000;
--ss-rarity: #000;
--ss-inner: #fff;
}
@font-face {
font-family: "keyrune";
src: url("../font/keyrune.eot?4.0.57");
src: url("../font/keyrune.eot?4.0.57#iefix") format("embedded-opentype"), url("../font/keyrune.woff2?4.0.57") format("woff2"), url("../font/keyrune.ttf?4.0.57") format("truetype"), url("../font/keyrune.woff?4.0.57") format("woff"), url("../font/keyrune.svg?4.0.57#keyrune") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.ss {
font-family: "keyrune" !important;
color: var(--ss-rarity);
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
position: relative;
text-transform: none;
line-height: 1;
display: inline-flex;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ss::before {
background: var(--ss-rarity-bg);
}
.ss-lea::before {
content: "\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-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-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-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-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-sth::before {
content: "\e066";
}
.ss-sth.ss-border::after {
content: "\e067";
}
.ss-sth.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-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-palp::before {
content: "\e072";
}
.ss-palp.ss-border::after {
content: "\e073";
}
.ss-palp.ss-inner::marker {
content: "\f8ff";
}
.ss-papac::before {
content: "\e072";
}
.ss-papac.ss-border::after {
content: "\e073";
}
.ss-papac.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-s99::before {
content: "\e084";
}
.ss-s99.ss-border::after {
content: "\e085";
}
.ss-s99.ss-inner::marker {
content: "\f8ff";
}
.ss-ptk::before {
content: "\e087";
}
.ss-ptk.ss-border::after {
content: "\e088";
}
.ss-ptk.ss-inner::marker {
content: "\f8ff";
}
.ss-p3k::before {
content: "\e087";
}
.ss-p3k.ss-border::after {
content: "\e088";
}
.ss-p3k.ss-inner::marker {
content: "\f8ff";
}
.ss-pgru::before {
content: "\e08a";
}
.ss-pgru.ss-border::after {
content: "\e08b";
}
.ss-pgru.ss-inner::marker {
content: "\f8ff";
}
.ss-mmq::before {
content: "\e08d";
}
.ss-mmq.ss-border::after {
content: "\e08e";
}
.ss-mmq.ss-inner::marker {
content: "\e08f";
}
.ss-brb::before {
content: "\e090";
}
.ss-brb.ss-border::after {
content: "\e091";
}
.ss-brb.ss-inner::marker {
content: "\f8ff";
}
.ss-fnm::before {
content: "\e093";
}
.ss-fnm.ss-border::after {
content: "\e094";
}
.ss-fnm.ss-inner::marker {
content: "\e095";
}
.ss-pal00::before {
content: "\e096";
}
.ss-pal00.ss-border::after {
content: "\e097";
}
.ss-pal00.ss-inner::marker {
content: "\f8ff";
}
.ss-pelp::before {
content: "\e099";
}
.ss-pelp.ss-border::after {
content: "\e09a";
}
.ss-pelp.ss-inner::marker {
content: "\f8ff";
}
.ss-peuro::before {
content: "\e099";
}
.ss-peuro.ss-border::after {
content: "\e09a";
}
.ss-peuro.ss-inner::marker {
content: "\f8ff";
}
.ss-nem::before {
content: "\e09c";
}
.ss-nem.ss-border::after {
content: "\e09d";
}
.ss-nem.ss-inner::marker {
content: "\f8ff";
}
.ss-nms::before {
content: "\e09c";
}
.ss-nms.ss-border::after {
content: "\e09d";
}
.ss-nms.ss-inner::marker {
content: "\f8ff";
}
.ss-s00::before {
content: "\e09f";
}
.ss-s00.ss-border::after {
content: "\e0a0";
}
.ss-s00.ss-inner::marker {
content: "\f8ff";
}
.ss-pcy::before {
content: "\e0a2";
}
.ss-pcy.ss-border::after {
content: "\e0a3";
}
.ss-pcy.ss-inner::marker {
content: "\e0a4";
}
.ss-btd::before {
content: "\e0a5";
}
.ss-btd.ss-border::after {
content: "\e0a6";
}
.ss-btd.ss-inner::marker {
content: "\f8ff";
}
.ss-inv::before {
content: "\e0a8";
}
.ss-inv.ss-border::after {
content: "\e0a9";
}
.ss-inv.ss-inner::marker {
content: "\f8ff";
}
.ss-mpr::before {
content: "\e0ab";
}
.ss-mpr.ss-border::after {
content: "\e0ac";
}
.ss-mpr.ss-inner::marker {
content: "\f8ff";
}
.ss-pls::before {
content: "\e0ae";
}
.ss-pls.ss-border::after {
content: "\e0af";
}
.ss-pls.ss-inner::marker {
content: "\f8ff";
}
.ss-7ed::before {
content: "\e0b1";
}
.ss-7ed.ss-border::after {
content: "\e0b2";
}
.ss-7ed.ss-inner::marker {
content: "\f8ff";
}
.ss-4eda::before {
content: "\f8f6";
}
.ss-4eda.ss-border::after {
content: "\f8f5";
}
.ss-4eda.ss-inner::marker {
content: "\f8ff";
}
.ss-legchr::before {
content: "\f8f4";
}
.ss-legchr.ss-border::after {
content: "\f8f3";
}
.ss-legchr.ss-inner::marker {
content: "\f8ff";
}
.ss-leg2::before {
content: "\f8f4";
}
.ss-leg2.ss-border::after {
content: "\f8f3";
}
.ss-leg2.ss-inner::marker {
content: "\f8ff";
}
.ss-pgc98::before {
content: "\f8f2";
}
.ss-pgc98.ss-border::after {
content: "\f8f1";
}
.ss-pgc98.ss-inner::marker {
content: "\f8ff";
}
.ss-po::before {
content: "\f8f0";
}
.ss-po.ss-border::after {
content: "\f8ef";
}
.ss-po.ss-inner::marker {
content: "\f8ee";
}
.ss-por2::before {
content: "\f8f0";
}
.ss-por2.ss-border::after {
content: "\f8ef";
}
.ss-por2.ss-inner::marker {
content: "\f8ee";
}
.ss-wl::before {
content: "\f8ed";
}
.ss-wl.ss-border::after {
content: "\f8ec";
}
.ss-wl.ss-inner::marker {
content: "\f8ff";
}
.ss-wth2::before {
content: "\f8ed";
}
.ss-wth2.ss-border::after {
content: "\f8ec";
}
.ss-wth2.ss-inner::marker {
content: "\f8ff";
}
.ss-brbalt::before {
content: "\f8eb";
}
.ss-brbalt.ss-border::after {
content: "\f8ea";
}
.ss-brbalt.ss-inner::marker {
content: "\f8ff";
}
.ss-s00alt::before {
content: "\f8e9";
}
.ss-s00alt.ss-border::after {
content: "\f8e8";
}
.ss-s00alt.ss-inner::marker {
content: "\f8ff";
}
.ss.ss-border::after {
color: var(--ss-border);
position: absolute;
left: 0;
}
.ss.ss-border.ss-rarity-common-alt::after, .ss.ss-border.ss-rarity-uncommon::after, .ss.ss-border.ss-rarity-rare::after, .ss.ss-border.ss-rarity-mythic::after, .ss.ss-border.ss-rarity-foil::after, .ss.ss-border.ss-border-black::after {
color: var(--ss-border-contrast);
}
.ss.ss-border-white {
--ss-border: #fff !important;
}
.ss.ss-inner {
display: list-item;
list-style-position: inside;
}
.ss.ss-inner::before {
position: absolute;
left: 0;
}
.ss.ss-inner::marker {
color: var(--ss-inner);
}
.ss.ss-inner::before, .ss.ss-inner::after, .ss.ss-inner::marker {
left: 50%;
transform: translateX(-50%);
}
.ss.ss-rarity-common {
--ss-rarity: #131417;
}
.ss.ss-rarity-common.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
90deg,
#131417 0%,
#131417 50%,
#131417 100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss.ss-rarity-common-alt {
--ss-rarity: #fff;
}
.ss.ss-rarity-common-alt.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
90deg,
0%,
50%,
100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss.ss-rarity-uncommon {
--ss-rarity: #707883;
}
.ss.ss-rarity-uncommon.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
90deg,
#4d6572 0%,
#c3dfeb 50%,
#4d6572 100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss.ss-rarity-rare {
--ss-rarity: #a48a37;
}
.ss.ss-rarity-rare.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
90deg,
#7f6f43 0%,
#d9c287 50%,
#7f6f43 100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss.ss-rarity-mythic {
--ss-rarity: #d9640f;
}
.ss.ss-rarity-mythic.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
90deg,
#c2381a 0%,
#f59700 50%,
#c2381a 100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ss.ss-rarity-foil {
--ss-rarity: #00afc9;
}
.ss.ss-rarity-foil.ss-rarity-gradient::before {
--ss-rarity-bg:
linear-gradient(
135deg,
#ea8d66 0%,
#ea8d66 15%,
#fdef8a 28%,
#8bcc93 42%,
#a6dced 55%,
#6f75aa 68%,
#e599c2 84%,
#e599c2 100%);
--ss-rarity: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: 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-fw.ss-fw-square {
width: 1em;
}
.ss.ss-fw.ss-fw-square::before {
transform: scale(0.5714);
}
.ss.ss-fw.ss-fw-square.ss-border::after, .ss.ss-fw.ss-fw-square.ss-inner::before, .ss.ss-fw.ss-fw-square.ss-inner::after, .ss.ss-fw.ss-fw-square.ss-inner::marker {
transform: translateX(-50%) scale(0.5714);
}
.ss.ss-white::before, .ss.ss-white::after, .ss.ss-white::marker {
color: #fff;
}
@-moz-document url-prefix() {
.ss-fnm::before, .ss-pfnm::before {
margin-left: -0.4%;
}
.ss-7ed::before, .ss-7e::before {
margin-left: 0.5%;
}
}
/*# sourceMappingURL=keyrune.css.map */

1
docs/src/static/assets/css/keyrune.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../../../src/scss/_media.scss","../../../../../src/scss/_sets.scss","../../../../../src/scss/_helpers.scss","../../../../../src/scss/_fixes.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACbR;EACI;EACA;EACA;EAKA;EACA;EACA;;AAIJ;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAGA;EACI;;AC9BJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AAVR;EACI;;AAGA;EACI;;AAIJ;EACI;;AD0DA;EACI;EACA;EACA;;AAIJ;EAMI;;AAIJ;EACI;;AAMR;EAGI;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAIJ;EAGI;EACA;;AASA;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAdR;EAEI;;AAEA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;;AAMZ;EACI;;AACA;EACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWA;EACA;EACA;EACA;;AAMZ;EAGI;EACA;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EAII;;AAOR;EAGI;;;AEjNhB;EAGQ;IAEI;;EAGJ;IAEI","file":"keyrune.css"}

BIN
docs/src/static/assets/font/keyrune.eot Normal file
View File

Binary file not shown.

425
docs/src/static/assets/font/keyrune.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 820 KiB

BIN
docs/src/static/assets/font/keyrune.ttf Normal file
View File

Binary file not shown.

BIN
docs/src/static/assets/font/keyrune.woff Normal file
View File

Binary file not shown.

BIN
docs/src/static/assets/font/keyrune.woff2 Normal file
View File

Binary file not shown.

31
docs/src/static/assets/js/glitz.js
View File

@ -243,20 +243,20 @@ function openModal(icon) {
// specific function bindings // specific function bindings
$('#copy-unicode').on('click', function() { $('#copy-unicode').on('click', function() {
navigator.clipboard.writeText(rarity).then(function() { navigator.clipboard.writeText(rarity).then(function() {
$('#copy-unicode em').html('Unicode copied!').animate('fadeup', 1200, 'ease-in-out'); $('#copy-unicode .tooltip').html('Unicode copied!').animate('fadeup', 1200, 'ease-in-out');
}, function(err) { }, function(err) {
$('#copy-unicode em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); $('#copy-unicode .tooltip').html('Error copying').animate('fadeup', 1200, 'ease-in-out');
}); });
}); });
$('#copy-glyph').on('click', function() { $('#copy-glyph').on('click', function() {
navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() { navigator.clipboard.writeText($('details div.table li.rarity i').html()).then(function() {
$('#copy-glyph em').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out'); $('#copy-glyph .tooltip').html('Glyph copied!').animate('fadeup', 1200, 'ease-in-out');
}, function(err) { }, function(err) {
$('#copy-glyph em').html('Error copying').animate('fadeup', 1200, 'ease-in-out'); $('#copy-glyph .tooltip').html('Error copying').animate('fadeup', 1200, 'ease-in-out');
}); });
}); });
$('#download-svg').on('click', function() { $('#download-svg').on('click', function() {
$('#download-svg em').html('Coming soon!').animate('fadeup', 1200, 'ease-in-out'); $('#download-svg .tooltip').html('Coming soon!').animate('fadeup', 1200, 'ease-in-out');
}); });
// show the modal // show the modal
@ -273,10 +273,8 @@ function closeModal() {
// onload interactions // onload interactions
Zepto(function($){ Zepto(function($){
// //
// mobile nav // mobile nav
$('header').on('click', '#toggle-nav', function(e) { $('header').on('click', '#toggle-nav', function(e) {
$('nav').toggleClass('mobile'); $('nav').toggleClass('mobile');
$('#toggle-nav-svg').toggleClass('closed'); $('#toggle-nav-svg').toggleClass('closed');
@ -284,10 +282,10 @@ Zepto(function($){
// //
// dark/light mode // dark/light mode
let toggle = $('#switch'); let toggle = $('#switch');
let cookie = localStorage.getItem('mode'); let cookie = localStorage.getItem('mode');
// check for cookie
if (cookie) { if (cookie) {
if (cookie == 'dark') { if (cookie == 'dark') {
document.documentElement.dataset.mode = 'dark'; document.documentElement.dataset.mode = 'dark';
@ -305,6 +303,7 @@ Zepto(function($){
localStorage.setItem('mode', 'light'); localStorage.setItem('mode', 'light');
} }
// click handling
toggle.on('change', function() { toggle.on('change', function() {
if (toggle.prop('checked')) { if (toggle.prop('checked')) {
document.documentElement.dataset.mode = 'dark'; document.documentElement.dataset.mode = 'dark';
@ -317,14 +316,13 @@ Zepto(function($){
// //
// filter icons if we have a ?q=, modal if we have an ?i= // filter icons if we have a ?q=, modal if we have an ?i=
let url = new URLSearchParams(window.location.search); let url = new URLSearchParams(window.location.search);
// search query
if (url.get('q')) { if (url.get('q')) {
filterIcons(url.get('q')); filterIcons(url.get('q'));
$('#icon-filter').val(url.get('q')); $('#icon-filter').val(url.get('q'));
} }
// icon preview
if (url.get('i')) { if (url.get('i')) {
let icon = $('figure[data-code="'+url.get('i')+'"]'); let icon = $('figure[data-code="'+url.get('i')+'"]');
if (icon) { if (icon) {
@ -334,14 +332,12 @@ Zepto(function($){
// //
// live icon filter via search box // live icon filter via search box
$('#icon-filter').on('input', function() { $('#icon-filter').on('input', function() {
filterIcons($(this).val()); filterIcons($(this).val());
}); });
// //
// icon filter clear button // icon filter clear button
$('.search-link').on('click', function(e) { $('.search-link').on('click', function(e) {
e.preventDefault(); e.preventDefault();
filterIcons($(this).data('q')); filterIcons($(this).data('q'));
@ -350,27 +346,21 @@ Zepto(function($){
// //
// icon display menus // icon display menus
$('#icon-menu').on('change', 'input[type=radio][name="density"]', function() { $('#icon-menu').on('change', 'input[type=radio][name="density"]', function() {
$('#icons').data('density', $(this).val()); $('#icons').data('density', $(this).val());
}); });
$('#icon-menu').on('change', 'input[type=radio][name="rarity"]', function() { $('#icon-menu').on('change', 'input[type=radio][name="rarity"]', function() {
iconsChangeRarity($(this).val()); iconsChangeRarity($(this).val());
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="border"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="border"]', function() {
iconsToggleClass('ss-border', 'border'); iconsToggleClass('ss-border', 'border');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="inner"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="inner"]', function() {
iconsToggleClass('ss-inner', 'inner'); iconsToggleClass('ss-inner', 'inner');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="gradient"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="gradient"]', function() {
iconsToggleClass('ss-rarity-gradient', 'gradient'); iconsToggleClass('ss-rarity-gradient', 'gradient');
}); });
$('#icon-menu').on('change', 'input[type=checkbox][name="transparent"]', function() { $('#icon-menu').on('change', 'input[type=checkbox][name="transparent"]', function() {
$('#icons figure').each(function(index, figure) { $('#icons figure').each(function(index, figure) {
$(figure).toggleClass('checkerboard'); $(figure).toggleClass('checkerboard');
@ -379,7 +369,6 @@ Zepto(function($){
// //
// icon modal // icon modal
$('#icons').on('click', 'figure', function() { $('#icons').on('click', 'figure', function() {
openModal($(this)); openModal($(this));
}); });
@ -388,4 +377,4 @@ Zepto(function($){
e.preventDefault(); e.preventDefault();
closeModal(); closeModal();
}) })
}); });

10
package.json
View File

@ -15,14 +15,16 @@
"dist:assets": "rsync -avzh ./src/font/* ./dist/font", "dist:assets": "rsync -avzh ./src/font/* ./dist/font",
"dist": "npm run -s dist:base && npm run -s dist:full && npm run -s dist:assets", "dist": "npm run -s dist:base && npm run -s dist:full && npm run -s dist:assets",
"css:watch": "sass --watch ./src/scss/keyrune.scss ./dist/css/keyrune.css", "css:watch": "sass --watch ./src/scss/keyrune.scss ./dist/css/keyrune.css",
"docs:css": "sass ./src/scss/keyrune.scss ./docs/assets/css/keyrune.css", "docs:css": "sass ./src/scss/keyrune.scss ./docs/src/static/assets/css/keyrune.css",
"docs:css:watch": "sass --watch ./src/scss/keyrune.scss ./docs/assets/css/keyrune.css", "docs:css:watch": "sass --watch ./src/scss/keyrune.scss ./docs/assets/css/keyrune.css",
"docs:scss": "sass ./docs/src/assets/scss/docs.scss ./docs/assets/css/docs.css", "docs:css:hugo": "sass --watch ./src/scss/keyrune.scss ./docs/src/static/assets/css/keyrune.css",
"docs:scss": "sass ./docs/src/assets/scss/docs.scss ./docs/src/static/assets/css/docs.css",
"docs:scss:watch": "sass --watch ./docs/src/assets/scss/docs.scss ./docs/assets/css/docs.css",
"docs:content": "hugo -s ./docs/src", "docs:content": "hugo -s ./docs/src",
"docs:content:watch": "hugo server -s ./docs/src -p 1314 -w", "docs:content:watch": "hugo server -s ./docs/src -p 1314 -w",
"docs:assets": "rsync -avzh ./src/font/keyrune.woff* ./docs/assets/font", "docs:assets": "rsync -avzh ./src/font/keyrune.woff* ./docs/src/static/assets/font",
"docs:refresh": "npm run -s docs:content && npm run -s docs:css && npm run -s docs:assets", "docs:refresh": "npm run -s docs:content && npm run -s docs:css && npm run -s docs:assets",
"docs": "npm run -s docs:css && npm run -s docs:content && npm run -s docs:assets", "docs": "npm run -s docs:css && npm run -s docs:scss && npm run -s docs:content && npm run -s docs:assets",
"rename": "for f in `find ./src/font/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done" "rename": "for f in `find ./src/font/*`; do mv -v \"$f\" \"`echo $f | tr '[A-Z]' '[a-z]'`\"; done"
}, },
"repository": { "repository": {

BIN
src/font/keyrune.eot
View File

Binary file not shown.

197
src/font/keyrune.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 703 KiB

BIN
src/font/keyrune.ttf
View File

Binary file not shown.

BIN
src/font/keyrune.woff
View File

Binary file not shown.

BIN
src/font/keyrune.woff2
View File

Binary file not shown.

19
src/scss/_aliases.scss
View File

@ -1,24 +1,39 @@
$keyrune-aliases: ( $keyrune-aliases: (
legchr: ("leg2"), legchr: ("leg2"),
wl: ("wth2"), nem: ("nms"), // legacy support
palp: ("papac"),
pelp: ("peuro"),
pmei: ("pleaf"), // legacy support pmei: ("pleaf"), // legacy support
pmtg: ("plgm", "parl"), // originally was plgm, but upgrading this to pmtg b/c of its ubiquity pmtg: ("plgm", "parl"), // originally was plgm, but upgrading this to pmtg b/c of its ubiquity
po: ("por2"), po: ("por2"),
ptk: ("p3k"), // legacy support
pvan: ("van"), // legacy support pvan: ("van"), // legacy support
wl: ("wth2")
); );
$keyrune-aliases-complete: ( $keyrune-aliases-complete: (
// various promos // various promos
pal00: ("pal02"),
past: ("pmic"), past: ("pmic"),
pgc98: ("o90p"), pgc98: ("o90p"),
// shooting star // shooting star
pmei: ("o90p", "pcel", "olep"), pmei: ("o90p", "pcel", "olep"),
// m in circle // m in circle
pmtg: ("ptc", "rqs", "pred", "wc97", "jgp", "wc98"), pmtg: ("ptc", "rqs", "pred", "wc97", "jgp", "wc98"),
// gatherer 2-letter codes
6ed: ("6e"),
7ed: ("7e"),
btd: ("bd"),
inv: ("in"),
mmq: ("mm"),
nem: ("ne"),
pcy: ("py"),
pls: ("ps"),
s00: ("p4"),
// expansion tokens // expansion tokens
exo: ("pexo"), exo: ("pexo"),
sth: ("psth"), sth: ("psth"),
tmp: ("ptmp"), tmp: ("ptmp"),
ugl: ("tugl"), ugl: ("tugl"),
vis: ("mgb") vis: ("mgb")
); );

15
src/scss/_fixes.scss Normal file
View File

@ -0,0 +1,15 @@
// firefox specific fixes
@-moz-document url-prefix() {
.#{$keyrune-prefix} {
// fnm's weird offset
&-fnm::before,
&-pfnm::before {
margin-left: -0.4%;
}
// 7ed offset
&-7ed::before,
&-7e::before {
margin-left: 0.5%;
}
}
}

17
src/scss/_sets.scss
View File

@ -186,6 +186,21 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
&.#{$keyrune-prefix}-fw-square {
width: 1em;
&::before {
transform: scale(.5714);
}
&.#{$keyrune-prefix}-border::after,
&.#{$keyrune-prefix}-inner::before,
&.#{$keyrune-prefix}-inner::after,
&.#{$keyrune-prefix}-inner::marker {
transform: translateX(-50%) scale(.5714); // scale everything 1/1.75em
}
}
} }
// colors // colors
@ -197,4 +212,4 @@
} }
} }
} }
} }

91
src/scss/_variables.scss
View File

@ -38,7 +38,7 @@ $keyrune-rarities: (
"right": "#4d6572", "right": "#4d6572",
), ),
"rare": ( "rare": (
"solid": "#b7a066", // try this: #c5a86f "solid": "#a48a37", //"#b7a066", // try this: #c5a86f
"left": "#7f6f43", "left": "#7f6f43",
"center": "#d9c287", "center": "#d9c287",
"right": "#7f6f43", "right": "#7f6f43",
@ -294,26 +294,101 @@ $keyrune-sets: (
border: "\e08e", border: "\e08e",
inner: "\e08f", inner: "\e08f",
), ),
brb: (
rarity: "\e090",
border: "\e091",
inner: "\f8ff", // empty
),
fnm: (
rarity: "\e093",
border: "\e094",
inner: "\e095",
),
pal00: (
rarity: "\e096",
border: "\e097",
inner: "\f8ff", // empty
),
pelp: (
rarity: "\e099",
border: "\e09a",
inner: "\f8ff", // empty
),
nem: (
rarity: "\e09c",
border: "\e09d",
inner: "\f8ff", // empty
),
s00: (
rarity: "\e09f",
border: "\e0a0",
inner: "\f8ff", // empty
),
pcy: (
rarity: "\e0a2",
border: "\e0a3",
inner: "\e0a4",
),
btd: (
rarity: "\e0a5",
border: "\e0a6",
inner: "\f8ff",
),
inv: (
rarity: "\e0a8",
border: "\e0a9",
inner: "\f8ff",
),
mpr: (
rarity: "\e0ab",
border: "\e0ac",
inner: "\f8ff",
),
pls: (
rarity: "\e0ae",
border: "\e0af",
inner: "\f8ff",
),
7ed: (
rarity: "\e0b1",
border: "\e0b2",
inner: "\f8ff",
),
// //
// backwards from the end for alternatives/oddities // backwards from the end for alternatives/oddities
legchr: ( 4eda: (
rarity: "\f8f6", rarity: "\f8f6",
border: "\f8f5", border: "\f8f5",
inner: "\f8ff", // em inner: "\f8ff", // em
), ),
pgc98: ( legchr: (
rarity: "\f8f4", rarity: "\f8f4",
border: "\f8f3", border: "\f8f3",
inner: "\f8ff", // em inner: "\f8ff", // em
), ),
po: ( pgc98: (
rarity: "\f8f2", rarity: "\f8f2",
border: "\f8f1", border: "\f8f1",
inner: "\f8f0", inner: "\f8ff", // em
),
po: (
rarity: "\f8f0",
border: "\f8ef",
inner: "\f8ee",
), ),
wl: ( wl: (
rarity: "\f8ef", rarity: "\f8ed",
border: "\f8ee", border: "\f8ec",
inner: "\f8ff", // empty inner: "\f8ff", // empty
), ),
); brbalt: (
rarity: "\f8eb",
border: "\f8ea",
inner: "\f8ff", // empty
),
s00alt: (
rarity: "\f8e9",
border: "\f8e8",
inner: "\f8ff", // empty
),
);

3
src/scss/keyrune.scss
View File

@ -3,4 +3,5 @@
@import "aliases"; @import "aliases";
@import "helpers"; @import "helpers";
@import "media"; @import "media";
@import "sets"; @import "sets";
@import "fixes";