KingMcDonalds
2 lines
1.1 KiB
CSS
2 lines
1.1 KiB
CSS
html,body,#root{height:100%;margin:0;padding:0;background:transparent}.wrap{position:fixed;inset:auto 16px 16px auto;pointer-events:none}.wrap.hidden{display:none}.pos-br{inset:auto 16px 16px auto}.pos-bm{inset:auto auto 16px 50%;transform:translate(-50%)}.pos-bl{inset:auto auto 16px 16px}.pos-tl{inset:16px auto auto 16px}.pos-tr{inset:16px 16px auto auto}.gauge{width:260px;height:260px;display:grid;place-items:center;pointer-events:none}.dial{width:100%;height:100%}.theme-draeger .housing{fill:#1b1b1b}.theme-draeger .bezel{fill:#0d0d0f;stroke:#222;stroke-width:2}.theme-draeger .face{fill:#fff;stroke:#cfcfcf;stroke-width:1.5}.theme-draeger .low-wedge{fill:#c82828;opacity:.85}.tick{stroke:#111;stroke-linecap:round}.tick.major{stroke-width:3}.tick.minor{stroke-width:2}.tick.micro{stroke-width:1;opacity:.7}.num{fill:#111;font:600 14px system-ui,sans-serif}.unit{fill:#111;font:600 12px system-ui,sans-serif;letter-spacing:.5px}.needle{transform-origin:120px 120px}.needle line{stroke:#111;stroke-width:3}.needle circle{fill:#111}.theme-draeger .ok-wedge{fill:#208a3a;opacity:.85}.num{fill:#111;font:600 12px system-ui,sans-serif}
|