Biblioteka · harness pokazany: Karta

Karta

rejestr B6 · E2

Anatomia karty: co jest stałe, a co zmienia się między sekcjami.

2 warianty w katalogu

1Podświetlenie po najechaniu: cztery rzeczy narazquady-krosno
Osobno

Tło karty biel 4,3 do 7,5 %, obrys neutralny do akcentu przy 50 %, kafel ikony z akcentu 12 % na pełny (ikona na biało) i podniesienie o 5 px. Wszystko 0,25 s z opóźnieniem 0,02 s, które zjada przypadkowe muśnięcia przy szybkim przejechaniu po rzędzie. Siatka 6 kolumn, spany 2 i 3, więc układ 3+2 to jedna siatka. Pomiar na żywo: korpus/karta-podswietlenie.md.

2Obrys, który wskazuje kursor21st.dev / Info Card
Osobno

Obrys nie jest obramowaniem: karta ma ramkę 3 px w przezroczystości, a spod niej wychodzi stożek (conic-gradient) obcięty do border-box, więc widać go dokładnie w tych trzech pikselach, razem z zaokrągleniem narożników. Łuk 90° w akcencie, resztę okręgu wypełnia tor. Kąt to atan2 od środka karty do kursora, bez wygładzania: koniec łuku wskazuje mysz. W spoczynku i na telefonie łuk stoi w prawym górnym narożniku. Po najechaniu tytuł dostaje pasek w akcencie, rozwijany z linii środka w 0,4 s. Każda karta ma inny odcień, ale wyprowadzony z akcentu strony przez obrót o ±26° w oklch, więc zmiana jednego tokenu przestawia cały rząd. Karta ma stałą siatkę 388x378 i blok tekstu 354x117, żeby szachownica zawsze sięgała dna. Pomiar: korpus/21st-karta-obrys.md.

Podglądy działają na żywych plikach warsztatu. Ruch przy przewijaniu odpalisz, przewijając wewnątrz ramki.