So content can clear a fixed top navbar exactly instead of guessing (CSS guesses
overlapped on mobile when the bar was taller). Measured on load/resize/orientation
from .navbar.is-fixed-top (or [data-wt-fixed-nav]); consumers use
padding-top: calc(var(--wt-nav-height) + gap).
Touch no longer triggers the hover lift (which flickered while dragging), and
transitions/hover-transform on sortable items are frozen during an active drag.
- adapters/bulma.css: dark progress bars (surface track + accent/good fill).
- base: body overflow-x:hidden + overflow-wrap, and .media-content min-width:0
so long content wraps instead of widening the page on mobile.
Touch drag now lifts the card into a position:fixed .wt-drag-clone (shadow +
scale) that follows the finger, with a dimmed placeholder reordering underneath
— reads as actually moving the card. Edge auto-scroll zone widened to 130px with
a minimum speed so it reliably scrolls on mobile.
Generic drag-and-drop sortable list + copy-to-clipboard, extracted from the wish
app so any consumer can reuse it. [data-wt-sortable] + data-order-url on a
container; [data-item-id] children; .drag-handle affordance. Desktop uses native
DnD with a solid drag image (no smeared translucent ghost); mobile uses
long-press to lift + drag-reorder + edge auto-scroll. Plus .drag-handle/.wt-dragging CSS.
- html now gets --color-bg (not just body) + body min-height:100vh, so a short
page never reveals a light html canvas as a bar at the bottom.
- Bulma adapter: force dark html/body + transparent sections, and centre
.container.fullwidth with !important (beats Bulma's .is-marginless margin:0).
- weirsoe-theme.js: match asger.weirsoe.dk exactly — localStorage['theme'],
prefers-color-scheme default, light<->dark click delegation.
- Container tokens + .wt-container(/--wide/--narrow/--bleed); Bulma adapter
constrains content to a centred column past tablet (full-bleed on phones).
- Site chrome extracted from agw/pw so it can drop its hardcoded CSS: .wt-header
/.wt-nav/.wt-brand/.wt-nav-link/.wt-main/.wt-footer, postcard .wt-card(+date/
title/desc, --raised) and .wt-chip. README components table + theme-color note.
Extracted from asger.weirsoe.dk (src/styles/global.css). Tokens (--color-*) +
base layer (glow, selection, smooth theme transition) + .wt-* components +
.prose, plus a persisted dark/light toggle (weirsoe-theme.js) and a Bulma
adapter (adapters/bulma.css) so existing Bulma sites get the card look without
markup changes. Pure CSS, system fonts, no external requests.
agw
Asger Geel Weirsøe