Skin

Skin

Hoe dingen worden getekend, eenmaal kleur en dichtheid zijn vastgesteld: de hoeken, de diepte, de lijnen. Deze tokens zijn de `huid` as van het thema — de standaard huid is wat deze pagina toont, en een andere huid is een ander bestand dat dezelfde namen instelt, met niets om hieronder te veranderen.

Afrondingen

Geen, dan vier stappen elk twee keer de vorige, dan een pil. Twee stappen uit elkaar is dezelfde afstand waar je ook staat op de schaal, wat het leesbaar maakt. De eerste stap is opzettelijk nauwelijks aanwezig: het is wat een platte huid wil wanneer een echte rechte hoek als onafgemaakt leest. Iets ronder dan de laatste stap is een vorm die een cirkel wil zijn en dat zelf aangeeft — een cirkel is geen beslissing van de huid.
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill

Rollen van afrondingen

Een vorm leest nooit de schaal hierboven: het leest de rol die het speelt, en de huid zegt welke stap die rol krijgt — nooit wat een stap waard is, wat de schaal twee betekenissen tegelijk zou geven. Wat iets vasthoudt is een doos, of het nu tekst, inhoud of een bericht vasthoudt; wat twee gebieden van een pagina scheidt is geen van beiden, en rondt niets af. Wissel de huid naar `zacht` en kijk hoe een controle zich scheidt van de rest: een capsule is geschikt voor iets dat één regel hoog is en absurd voor een textarea.
--radius-control
één regel hoog, en ingedrukt
--radius-box
houdt iets vast
--radius-media
afbeeldingen en figuren
--radius-pill
wat wordt gelezen als een capsule

Schaduwen

Vier dieptes, van een haarlijnlift tot een zwevend paneel. Een huid die een platte wereld wil, stelt alle vier in op niets en elk verhoogd oppervlak volgt dat.
--shadow-1
--shadow-2
--shadow-3
--shadow-4

Randen

De lijn zelf — de breedte en de stijl. De kleur is hier niet: die behoort tot het kleurenpalet, wat een huid in staat stelt om een lijn te verwijderen zonder te weten welke kleur het zou hebben gehad.
--border-discreet
--border-default
--border-focus
--border-placeholder

Scheidingstekens en gebieden

De twee lijnen die dingen van elkaar scheiden: tussen twee rijen van één ding, en tussen twee gebieden van een pagina. Twintig vormen lezen de eerste, wat het een token en geen regel maakt.
--border-separator — een rij tussen anderen
een rij tussen anderen
een rij tussen anderen
--border-region — een gebied van de pagina, als zodanig omrand