Skeletonic Stylus v2.0.0 cung cap ba bang mau tuy chon, moi bang duoc phan phoi nhu stylesheet nen rieng de ban chi tra cho nhung gi ban su dung.
| Bang mau | Tap | Kich thuoc (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 |
Trang nay dang tai bang mau Tachyons de cac lop tien ich mau ben duoi hien thi chinh xac.
Thang xam cot loi Skeletonic
Stylesheet chinh cung cap thang xam 11 buoc tro nang duoc pho bay
nhu --cl-grey-100 … --cl-grey-1000.
Mau thuong hieu (v2.0.0 — do tuong phan AA)
Trong v2.0.0, cac token primary va secondary da duoc lam dam hon de dat WCAG 4,5:1 do tuong phan voi chu trang ngay tu dau.
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
Luu y.
--cl-tertiary(#757c8a) dat ty le tuong phan 4.71:1 so voi mau trang — dat chuan AA cho van ban lon (tu 18 px dam / tu 24 px binh thuong) nhung khong dat cho van ban noi dung. Ket hop voi nen toi hon hoac chi su dung cho cac yeu to trang tri khong thiet yeu.
Cac lop tien ich bang mau Tachyons
Khi ban tai skeletonic-tachyons.min.css, ban se co bo day du cac lop
mau don muc dich — cung san pham, mo-dun tuy chon.
<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>
Dac ta day du cua bang mau Tachyons duoc ghi tai tachyons.io/docs/themes/skins; phien ban duoc cung cap o day la phien ban Skeletonic bien dich.