a collection of tools for fly for fun universe
skillulator.lol
besaid.zone
1@import url("./css/blade.css");
2@import url("./css/elementor.css");
3@import url("./css/ringmaster.css");
4@import url("./css/billposter.css");
5@import url("./css/knight.css");
6@import url("./css/psykeeper.css");
7@import url("./css/ranger.css");
8@import url("./css/jester.css");
9@import "tailwindcss";
10
11.a11y-focus {
12 @apply focus:border-transparent focus:outline-transparent focus:ring-4 focus:ring-offset-2 focus:ring-indigo-500;
13}
14
15.skill-level {
16 position: absolute;
17 bottom: 1px;
18 right: 5px;
19 font-size: 16px;
20 font-weight: bold;
21 color: white;
22 text-shadow: -1px -1px 0 #f00, 1px -1px 0 #f00, -1px 1px 0 #f00, 1px 1px 0
23 #f00;
24}
25
26.scoped-anchor {
27 anchor-scope: --attributes-popover;
28}
29
30.attributes-popover {
31 position-anchor: --attributes-popover;
32 position-area: bottom right;
33 position-try-fallbacks: --top-center, --top-left;
34}
35
36body:has(dialog[open]) .skill-icon-anchor {
37 anchor-name: none !important;
38}
39
40.skill-icon-anchor {
41 anchor-name: --attributes-popover;
42}
43
44@position-try --top-left {
45 position-area: top left;
46}
47
48@position-try --top-center {
49 position-area: center span-left;
50}