Översikt — Malm UI

Vad det är

För Orbit, produce och Analys. Klassnamnen är deras, så ingen markup behöver skrivas om.

Inga preprocessorer, inga beroenden. En @import och ett stylesheet, och allt som kan vara en variabel är en variabel.

Två teman, båda testade. Semantiska tokens, så ett tema är en ompekning. Kontrasten mäts i bygget.

<dialog>, [popover], <progress>, riktiga checkboxar. Beteendelagret är ren JavaScript ovanpå det.

Tunna wrappers över samma markup. CSS:en fungerar utan dem.

Fem beslut som resten följer av.

Ett steg är 0,25 rem	Inga halvsteg: 0,375 och 0,625 rem finns inte i skalan. En knapp, ett fält och en select på samma rad måste vara överens.
Roller, inte färger	En komponent läser `--color-surface`, aldrig `--color-slate-900`.
Streck, inte skuggor	Djup är reserverat för popover, dialog och toast.
Status är aldrig bara färg	Varje pill bär sitt ord, varje notis sin ikon. Det är också vad som gör utskriften läsbar.
Appen vinner	Allt ligger i `@layer`. En vanlig selektor vinner, utan `!important`.

Formerna behåller sina varumärkesfärger i båda temana; bara ordmärket vänder.

Fakturerbart72 %+4 p.e.mot 68 % förra månaden

Rapporterade timmar1 284 h−31 h

Öppna ärenden17+3

Avvikelser20

KlartPågårVäntar på kundFörsenatArkiverat

Hela IBM Carbon-biblioteket följer med, alla i currentColor: