Skeletonic Stylus

Skeletonic Stylus v2.0.0 yana aika tsarin launuka guda uku na zaɓi, kowanne an rarraba shi azaman stylesheet ɗin sa da aka ƙaranta don haka kuna biyan abin da kuke amfani da shi kawai.

Data table table
Launuka Fayil Girma (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

Wannan shafin yana loda tsarin launuka na Tachyons don haka azuzuwan amfanin launuka da ke ƙasa su nuna daidai.


Launukan toka na Skeletonic

Stylesheet na tushe yana zuwa da matakan toka 11 masu saukin amfani da aka bayyana azaman --cl-grey-100--cl-grey-1000.

100
300
500
700
200
400
600
900

Launukan alama (v2.0.0 — bambancin AA)

A cikin v2.0.0 an duhunta alamomin farko da na biyu don cika bambancin WCAG 4.5:1 akan farin rubutu daga cikin akwatin.

--cl-primary
hsl(210 100% 42%)
--cl-secondary
hsl(195 100% 33%)
--cl-tertiary
#757c8a

Lura. --cl-tertiary (#757c8a) yana cimma rabon bambanci na 4.71:1 a kan fari — ya dace da AA don babban rubutu (≥ 18 px mai kauri / ≥ 24 px na al'ada) amma ba don rubutun jiki ba. Haɗa shi da bango masu duhu ko yi amfani da shi kawai don abubuwan ado marasa muhimmanci.


Azuzuwan amfanin launukan Tachyons

Lokacin da kuka loda skeletonic-tachyons.min.css kuna samun cikakken saitin azuzuwan launuka masu manufa guda — an aika da shi a matsayin module na zaɓi.

<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>

An rubuta cikakken ƙayyadaddun tsarin launuka na Tachyons a tachyons.io/docs/themes/skins; sigar da aka aika a nan ita ce wadda Skeletonic ke tattarawa.

Komawa abubuwan hadi →