Skeletonic Stylus v2.0.0, her biri ayri kucultulmus bir stil sayfasi olarak dagitilan uc istege bagli renk paleti sunar; boylece yalnizca kullandiginiz icin odeme yaparsiniz.
| Palet | Dosya | Boyut (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 |
Bu sayfa Tachyons paletini yuklemektedir, boylece asagidaki renk yardimci siniflari dogru sekilde render edilir.
Skeletonic cekirdek grileri
Cekirdek stil sayfasi, --cl-grey-100 ... --cl-grey-1000 olarak
acilan erisilebilir 11 adimli bir gri olcegi sunar.
Marka renkleri (v2.0.0 — AA kontrast)
v2.0.0'de birincil ve ikincil token'lar, beyaz metin uzerinde kutudan ciktiginda WCAG 4,5:1 kontrast oranini karsilamak icin karartilmistir.
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
Not.
--cl-tertiary(#757c8a) beyaza karsi 4.71:1 kontrast oranina ulasmaktadir — buyuk metin icin AA uyumludur (en az 18 px kalin / en az 24 px normal) ancak govde metni icin degil. Daha koyu arka planlarla eslestirin veya yalnizca zorunlu olmayan dekoratif ogeler icin kullanin.
Tachyons palet yardimci siniflari
skeletonic-tachyons.min.css dosyasini yuklediginizde, tam bir tek
amacli renk sinifi seti elde edersiniz — ayni gonderilen urun, istege
bagli modul.
<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>
Tam Tachyons palet spesifikasyonu tachyons.io/docs/themes/skins adresinde belgelenmistir; burada gonderilen surum Skeletonic'in derledigi surumudur.