Log feed

.talos-log is a monospace event stream. Every row draws a 2px vertical tick down its left edge, and the severity modifier recolours that tick — so the level reads off the margin as colour, never as a coloured label or filled row.

Default

<div class="talos-log">
  <div class="talos-log__row">
    <span class="talos-log__ts">12:04:01</span>
    <span class="talos-log__msg">scheduler tick</span>
  </div>
</div>

Unmarked rows carry a neutral --talos-edge-subtle tick. __ts is the tabular-numbered timestamp (flush left, dim); __msg is the primary-coloured event text.

Severity ticks

<div class="talos-log__row talos-log__row--info">…</div>
<div class="talos-log__row talos-log__row--success">…</div>
<div class="talos-log__row talos-log__row--warn">…</div>
<div class="talos-log__row talos-log__row--error">…</div>

--info paints the tick --talos-info, --success --talos-success, --warn --talos-warning, --error --talos-danger. Only the tick changes — the message text stays primary so the stream reads uniform and the level is a peripheral cue.

Feed (bordered, scrolling)

<div class="talos-log talos-log--feed">
  <div class="talos-log__row talos-log__row--info">…</div>
  <div class="talos-log__row talos-log__row--error">…</div>
</div>

--feed wraps the stream in a hairline-bordered surface, caps it at 18rem, and scrolls overflow — the bounded console for a live tail.

Classes