Skeletonic Stylus v2.0.0 menyertakan tiga palet warna opsional, masing-masing didistribusikan sebagai stylesheet diminifikasi tersendiri sehingga Anda hanya membayar untuk yang digunakan.
| Palet | File | Ukuran (min) |
|---|---|---|
| Material | dist/css/palettes/material/skeletonic-material.min.css |
≈17.4 KB |
| Tachyons | dist/css/palettes/tachyons/skeletonic-tachyons.min.css |
7,3 KB |
| Web-safe | dist/css/palettes/websafe/skeletonic-websafe.min.css |
≈3.5 KB |
Halaman ini memuat palet Tachyons sehingga kelas utilitas warna di bawah dirender dengan benar.
Abu-abu inti Skeletonic
Stylesheet inti menyertakan skala abu-abu aksesibel 11 langkah yang diekspos sebagai --cl-grey-100 ... --cl-grey-1000.
Warna merek (v2.0.0 — kontras AA)
Di v2.0.0, token primary dan secondary digelapkan untuk memenuhi kontras WCAG 4,5:1 terhadap teks putih secara langsung.
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
Catatan.
--cl-tertiary(#757c8a) mencapai rasio kontras 4.71:1 terhadap putih — sesuai AA untuk teks besar (≥ 18 px tebal / ≥ 24 px reguler) tetapi tidak untuk teks isi. Padukan dengan latar belakang yang lebih gelap atau gunakan hanya untuk elemen dekoratif non-esensial.
Kelas utilitas palet Tachyons
Saat Anda memuat skeletonic-tachyons.min.css, Anda mendapatkan seperangkat lengkap kelas warna satu tujuan — artefak yang sama dikirimkan, modul opsional.
<span class="bg-blue white pa2">.bg-blue .white</span>
<span class="bg-light-green dark-green pa2">.bg-light-green .dark-green</span>
<span class="bg-washed-yellow dark-gray pa2">.bg-washed-yellow .dark-gray</span>
Spesifikasi palet Tachyons lengkap didokumentasikan di tachyons.io/docs/themes/skins; versi yang disertakan di sini adalah yang dikompilasi oleh Skeletonic.