Skórka

Skórka

Jak rzeczy są rysowane, gdy kolor i gęstość są ustalone: rogi, głębokość, linie. Te tokeny to oś `skórki` motywu — domyślna skórka to to, co pokazuje ta strona, a inna skórka to inny plik ustawiający te same nazwy, bez niczego do zmiany poniżej.

Zaokrąglenia

Brak, a potem cztery kroki, każdy dwa razy większy od poprzedniego, a następnie kapsuła. Dwa kroki oddalone od siebie to ta sama odległość, niezależnie od tego, gdzie stoisz na skali, co czyni ją czytelną. Pierwszy krok jest celowo ledwo zauważalny: to to, czego chce płaska skórka, gdy prawdziwy kąt prosty wydaje się nieukończony. Cokolwiek bardziej okrągłego niż ostatni krok to kształt, który chce być kołem i sam to mówi — koło to nie decyzja skórki.
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill

Role zaokrągleń

Kształt nigdy nie interpretuje skali powyżej: odczytuje rolę, jaką odgrywa, a skórka mówi, który krok ta rola dostaje — nigdy, ile warta jest dana skala, co sprawiłoby, że skala miałaby dwa znaczenia jednocześnie. To, co trzyma coś, to pudełko, niezależnie od tego, czy trzyma tekst, treść czy wiadomość; to, co oddziela dwa obszary strony, nie jest ani jednym, ani drugim i niczego nie zaokrągla. Zmień skórkę na `miękką` i zobacz, jak element sterujący oddziela się od reszty: kapsuła jest odpowiednia dla czegoś jednego wiersza wysokości, a absurdalna dla pola tekstowego.
--radius-control
jeden wiersz wysokości, i wciśnięty
--radius-box
trzyma coś
--radius-media
zdjęcia i figury
--radius-pill
to, co jest postrzegane jako kapsuła

Cienie

Cztery głębokości, od linii włosa do unoszącego się panelu. Skórka, która chce płaskiego świata, ustawia wszystkie cztery na zero, a każda podniesiona powierzchnia podąża za tym.
--shadow-1
--shadow-2
--shadow-3
--shadow-4

Krawędzie

Linia sama w sobie — jej szerokość i styl. Jej kolor nie jest tutaj: należy do schematu kolorów, który pozwala skórce usunąć linię, nie wiedząc, jakiego koloru by miała.
--border-discreet
--border-default
--border-focus
--border-placeholder

Separatory i obszary

Dwie linie, które rozdzielają rzeczy: między dwoma rzędami jednej rzeczy, a między dwoma obszarami strony. Około dwudziestu kształtów odczytuje pierwszą z nich, co jest powodem, dla którego jest to token, a nie zasada.
--border-separator — rzęd wśród innych
rzęd wśród innych
rzęd wśród innych
--border-region — obszar strony, ograniczony w ten sposób