Nipa Skeletonic Stylus

Translation note (2026-04-30). v2.0.0 adds RTL support and a refreshed 2026 framework comparison. The English source is the canonical reference while these translations catch up. See https://skeletonic.io/about/ · https://skeletonic.io/components/ · https://skeletonic.io/benchmarks/.

Version: 2.0.0
Gzip: 7.7 KB
Brotli: 6.7 KB
License: MIT or Apache-2.0
Standard: WCAG 2.2 AA

Ni ṣoki

Skeletonic Stylus jẹ ile-ikawe CSS Stylus orisun-ṣiṣi fun aṣa UI ti a le wọle si, ti o yara, ti o ni modulu.

A bi i ni ọdun 2018 gẹgẹbi idanwo ti ara ẹni ninu fifiranṣẹ CSS ti o kere laisi fifun awọn ọna iṣẹ ti ile-ikawe paati gidi silẹ. Lẹhin ọdun mẹjọ, ibi-afẹde naa ko yipada.

Ohun ti o fun ọ

Iyara bi manamana

Ṣe apẹrẹ ati ṣe aṣa awọn atọwọdọwọ ti o dahun ni awọn iṣẹju diẹ. Awọn oniyipada CSS abinibi, awọn kilasi ti a ti ṣeto tẹlẹ, grid ọwọn-12 ti o bo gbogbo ẹya HTML ti itumọ.

Fẹẹrẹfẹ

7.7 KB gzipped. Awọn oju-iwe gba ni iyara ju. Gbogbo bulọọki ikọle pataki wa ninu.

Apẹrẹ ti o dahun

Ti a ṣe fun kọmputa ati alagbeka. Awọn eto mu ara wọn bamu si ẹrọ eyikeyi. Ti o dara fun ifọwọkan, HTML ti itumọ jakejado.

Irayẹ-si

WCAG 2.2 ti a fi sinu: awọn oruka focus-visible, iyatọ AA, awọn oluranlọwọ skip-link, awọn paati ti o rọrun fun itẹwe, atilẹyin idinku-iṣipopada — ko si iwe-aṣa afikun, ko si aria-* boilerplate.

Ile-ikawe paati

Awọn paati CSS modulu ati awọn adalu Stylus. Awọn bọtini, awọn fọọmu, awọn kaadi, awọn itaniji, awọn aami, awọn palẹti ati awọn ere idasọnu — mimọ, modulu, ti setan lati fi sii.

Ọfẹ & orisun-ṣiṣi

Ti Sebastien Rousseau ṣe apẹrẹ, kọ, ati ṣe itọju. Ti a fun ni iwe-aṣẹ meji labẹ MIT tabi Apache 2.0. Ko si owo, ko si idiyele iwe-aṣẹ, paapaa fun lilo iṣowo.

Bawo ni o ṣe fi wewe

Iwe-aṣa ti ara ẹni kan bo iwe-kikọ, awọn bọtini, awọn fọọmu, awọn kaadi, awọn tabili, awọn palẹti, awọn ere idasọnu ati awọn kilasi iwulo. JavaScript kankan ko si. Ko si igbesẹ ikọ ti a beere. Ko si awọn igbarale ẹlẹgbẹ lori Bootstrap, Tailwind tabi Bulma.

Data table table
Ẹya	Skeletonic Stylus	Bootstrap 5	Tailwind CSS	Bulma
Iwọn gzipped	7.7 KB	~30 KB	~10 KB (varies)	~30 KB
Ibamu WCAG 2.2	Ti a kọ sinu	Apakan	Afọwọṣe	Apakan
Awọn ipele cascade	Bẹẹni (`@layer`)	Rara	Rara	Rara
Ipo dudu	`prefers-color-scheme`	Yiyan wọle	Ipilẹ kilasi	Yiyan wọle
JavaScript nilo	Rara	Bẹẹni (Popper)	Rara	Rara
CycloneDX SBOM	Bẹẹni	Rara	Rara	Rara
Idinku iṣipopada	Ti a bu ọla fun	Apakan	Afọwọṣe	Apakan
Iwe-aṣẹ	MIT tabi Apache 2.0	MIT	MIT	MIT

Awọn ilana

Irayẹ-si ni ipilẹ, kii ṣe oke. Ibamu WCAG 2.2 ti a fi sinu gbogbo paati, a ko fi kun lẹhin bi "aṣa" kan.
Awọn baiti ṣe pataki. Iwe-aṣa kan ti a firanṣẹ ko yẹ ki o bọ isuna iwuwo oju-iwe rẹ. Opin 8 KB gzipped ni a fi ipa mu ninu CI.
Awọn ipele cascade bori ogun specificity. Ṣe atunṣe ohunkohun pẹlu igboya — ko si !important, ko si awọn ẹtan aṣẹ-DOM.
Stylus si dara. Kukuru, ifarahan, o si jẹ ki ile-ikawe wa ninu ~3,000 awọn ila ti a le ka.
Aibikita jẹ ẹya. Ko si awọn igbarale JS. Ko si idan akoko-ikọ. Ko si awọn iyipada orukọ ti o fọ. Awọn kilasi CSS ti o ṣe ohun ti wọn sọ gangan.
Ti a le ṣe aṣa ni iṣẹju-aaya. Awọn ohun-ini aṣa CSS abinibi fun awọn awọ, aaye, iru ati radii.
Ẹwọn-ipese ti a fi okun mu. Ẹri npm ti a fọwọsi. Awọn imudojuiwọn Dependabot ti a fi idi mulẹ. CVE-2023-44270 ti a ṣe atunṣe nipasẹ overrides.

Ẹya ati semver

Skeletonic Stylus tẹle Semantic Versioning 2.0.

Data table table
Ilọsiwaju	Nigba ti	Apẹẹrẹ
Pataki	Yiyọ tabi tunlorukọ kilasi gbogbo eniyan, adalu, tabi ami	1.x → 2.0
Kekere	Fifikun paati tuntun, adalu, tabi ami	1.1 → 1.2
Atunṣe	Awọn atunṣe aṣiṣe, imudara a11y, iṣẹ-ṣiṣe, aabo	1.1.6 → 2.0.0

Gbogbo orukọ kilasi gbogbo eniyan, gbogbo awọn ohun-ini aṣa CSS, ati gbogbo awọn adalu Stylus ti a kojade jẹ apakan ti API gbogbo eniyan. Iyipada ti o fọ nkan ni ere ilọsiwaju pataki ati itọsọna iṣiwa.

Iṣakoso

Skeletonic Stylus ni a ṣe apẹrẹ, kọ, ati ṣe itọju nipasẹ Sebastien Rousseau. Ti a fun ni iwe-aṣẹ meji labẹ MIT ati Apache 2.0.

Awọn ọran, awọn ero, ati awọn ilowosi ni a kaabo — wo itọsọna ilowosi.