Tampilan

Tampilan

Bagaimana sesuatu digambar, setelah warna dan kepadatan ditentukan: sudut, kedalaman, garis. Token ini adalah sumbu `kulit` dari tema — kulit default adalah yang ditampilkan halaman ini, dan kulit lainnya adalah file lain yang mengatur nama-nama yang sama, tanpa ada yang perlu diubah di bawah.

Radius sudut

Tidak ada, lalu empat langkah masing-masing dua kali yang di bawah, lalu sebuah pil. Dua langkah terpisah adalah jarak yang sama di mana pun Anda berdiri di skala, itulah yang membuatnya dapat dibaca. Langkah pertama hampir tidak ada dengan sengaja: itu adalah apa yang diinginkan kulit datar ketika sudut yang sejati terbaca tidak selesai. Apa pun yang lebih bulat dari langkah terakhir adalah bentuk yang ingin menjadi lingkaran dan mengatakannya sendiri — sebuah lingkaran bukanlah keputusan kulit.
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill

Peran radius sudut

Sebuah bentuk tidak pernah membaca skala di atas: ia membaca peran yang dimainkannya, dan kulit mengatakan langkah mana yang didapat peran itu — tidak pernah apa nilai sebuah langkah, yang akan membuat skala berarti dua hal sekaligus. Apa yang menahan sesuatu adalah sebuah kotak, apakah itu menahan teks, konten, atau pesan; apa yang memisahkan dua area di halaman bukanlah keduanya, dan tidak membulatkan apa pun. Ganti kulit menjadi `lembut` dan saksikan sebuah kontrol terpisah dari yang lainnya: sebuah kapsul tepat untuk sesuatu setinggi satu baris dan tidak masuk akal untuk textarea.
--radius-control
setinggi satu baris, dan tertekan
--radius-box
menahan sesuatu
--radius-media
gambar dan figura
--radius-pill
apa yang dibaca sebagai kapsul

Bayangan

Empat kedalaman, dari angkat garis rambut hingga panel mengapung. Sebuah kulit yang ingin dunia datar mengatur keempatnya menjadi tidak ada dan setiap permukaan yang terangkat mengikuti.
--shadow-1
--shadow-2
--shadow-3
--shadow-4

Batas

Garis itu sendiri — lebar dan gaya. Warnanya tidak ada di sini: itu milik skema warna, yang memungkinkan sebuah kulit menghapus garis tanpa mengetahui warna apa yang seharusnya dimiliki.
--border-discreet
--border-default
--border-focus
--border-placeholder

Pemisah dan area

Dua garis yang membedakan hal-hal: antara dua baris satu hal, dan antara dua area di halaman. Dua puluh bentuk lebih membaca yang pertama, itulah sebabnya ini adalah token dan bukan aturan.
--border-separator — sebuah baris di antara yang lainnya
sebuah baris di antara yang lainnya
sebuah baris di antara yang lainnya
--border-region — sebuah area halaman, dibatasi sebagai demikian