Ulkoasu

Miten asiat piirtyvät, kun väri ja tiheys on asetettu: kulmat, syvyys, viivat. Nämä symbolit ovat teeman `ulkoasu`-akseli — oletusarvoinen ulkoasu on se, mitä tämä sivu näyttää, ja toinen ulkoasu on toinen tiedosto, joka asettaa samat nimet, ilman muutoksia alla.

Pyöristykset

Ei mitään, sitten neljä askelta, jokainen kaksinkertainen edelliseen verrattuna, sitten pilleri. Kaksi askelta eristyksissä on sama etäisyys, missä tahansa olet asteikolla, mikä tekee siitä luettavan. Ensimmäinen askel on tarkoituksella melkein olematon: se on mitä tasainen ulkoasu haluaa, kun todellinen suorakulma näyttää keskeneräiseltä. Mikä tahansa pyöreämpi kuin viimeinen askel on muoto, joka haluaa olla ympyrä ja sanoo sen itse — ympyrä ei ole ulkoasupäätös.

--radius-0

--radius-1

--radius-2

--radius-3

--radius-4

--radius-pill

Pyöristysten roolit

Muoto ei koskaan lue ylhäällä olevaa asteikkoa: se lukee sen roolin, jota se esittää, ja ulkoasu sanoo, minkä askeleen tuo rooli saa — ei koskaan mitä askel on arvoltaan, mikä tekisi asteikosta kaksiselitteisen. Jotain pitävää on laatikko, olipa se sitten tekstiä, sisältöä tai viesti; mitä erottaa kaksi aluetta sivulla ei ole kumpikaan, eikä se pyöristä mitään. Vaihda ulkoasu `pehmeäksi` ja katso, kuinka ohjaus irtoaa muusta: kapseli on oikea yhdelle riville korkeudeltaan ja absurdein tekstialueelle.

--radius-control

yksi rivi korkea ja painettu

--radius-box

pitää jotain

--radius-media

kuvat ja hahmot

--radius-pill

mikä luetaan kapselina

Varjot

Neljä syvyyttä, hiusviivasta kelluvaan paneeliin. Ulkoasu, joka haluaa tasaisen maailman, asettaa kaikki neljä nollaksi ja jokainen kohotettu pinta seuraa tätä.

--shadow-1

--shadow-2

--shadow-3

--shadow-4

Reunat

Viiva itsessään — sen leveys ja tyyli. Sen väri ei ole täällä: se kuuluu väriteemaan, joka mahdollistaa ulkoasun poistaa viivan tietämättä, mitä väriä sillä olisi ollut.

--border-discreet

--border-default

--border-focus

--border-placeholder

Erottimet ja alueet

Kaksi viivaa, jotka kertovat asiat erilleen: kahden yhden asian rivin välillä ja kahden alueen välillä sivulla. Kaksikymmentä-odd muotoa lukee ensimmäisen, mikä on syy siihen, että se on symboli eikä sääntö.

--border-separator — rivi muiden joukossa

rivi muiden joukossa

--border-region — sivun alue, rajattu sellaiseksi