hyperhive/frontend/packages/shared/src/hive-toast/hive-toast.css
atlas 39b95c2ede treefmt: apply prettier
Pure `nix fmt` output from the commit before this one — no hand edits.
203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs.

Reproduce with `nix develop -c nix fmt` on the parent commit; the result
should be byte-identical to this tree.

None of the 13 `.prettierignore` entries appears here — verified by
intersecting the changed-file list against the ignore file, with a
control proving the intersection finds a match when one exists.
2026-09-02 15:25:07 +02:00

37 lines
989 B
CSS

/* hive-toast.css — scoped stylesheet for the <hive-toast> shadow-DOM
custom element (hive-toast.js). Loaded as raw text at build time
(esbuild's `text` loader) and appended as a `<style>` element inside
the shadow root. `:host` styles the element itself, which *is* the
visible toast box; `:host(.error)` etc. switch on a plain class the
host element carries (set in JS). */
:host {
display: block;
pointer-events: auto;
cursor: pointer;
background: var(--bg-elev);
border: 1px solid var(--purple-dim);
border-left-width: 3px;
box-shadow: 0 4px 20px -6px var(--crust);
padding: 0.6em 0.9em;
font-size: 0.9em;
color: var(--fg);
white-space: pre-wrap;
opacity: 1;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
:host(.out) {
opacity: 0;
transform: translateX(0.5em);
}
:host(.error) {
border-left-color: var(--red);
}
:host(.info) {
border-left-color: var(--purple-dim);
}
:host(.ok) {
border-left-color: var(--green);
}