Skeletonic Stylus v2.0.0 তিনটি ঐচ্ছিক রঙ প্যালেট শিপ করে, প্রতিটি নিজস্ব মিনিফাইড স্টাইলশিট হিসেবে বিতরিত যাতে আপনি শুধু যা ব্যবহার করেন তার জন্যই খরচ করেন।
| প্যালেট | ফাইল | আকার (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 |
এই পেজটি Tachyons প্যালেট লোড করছে যাতে নিচের রঙ ইউটিলিটি ক্লাসগুলো সঠিকভাবে রেন্ডার হয়।
Skeletonic মূল ধূসর স্কেল
মূল স্টাইলশিট একটি অ্যাক্সেসিবল ১১-ধাপ ধূসর স্কেল শিপ করে
--cl-grey-100 … --cl-grey-1000 হিসেবে।
ব্র্যান্ড রঙ (v2.0.0 — AA কনট্রাস্ট)
v2.0.0-এ প্রাইমারি ও সেকেন্ডারি টোকেন সাদা টেক্সটের বিপরীতে WCAG 4.5:1 কনট্রাস্ট পূরণ করতে গাঢ় করা হয়েছে।
hsl(210 100% 42%)
hsl(195 100% 33%)
#757c8a
টীকা।
--cl-tertiary(#757c8a) সাদা পটভূমির বিপরীতে 4.71:1 কনট্রাস্ট অনুপাত অর্জন করে — বড় টেক্সটের জন্য AA-সামঞ্জস্যপূর্ণ (≥ 18 px বোল্ড / ≥ 24 px রেগুলার) কিন্তু বডি টেক্সটের জন্য নয়। গাঢ় পটভূমির সাথে জোড়া দিন অথবা শুধু অপ্রয়োজনীয় সজ্জাসংক্রান্ত উপাদানের জন্য ব্যবহার করুন।
Tachyons প্যালেট ইউটিলিটি ক্লাস
আপনি skeletonic-tachyons.min.css লোড করলে একক-উদ্দেশ্যের রঙ
ক্লাসের একটি সম্পূর্ণ সেট পাবেন — একই শিপড আর্টিফ্যাক্ট, অপ্ট-ইন মডিউল।
<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>
সম্পূর্ণ Tachyons প্যালেট স্পেসিফিকেশন ডকুমেন্ট করা আছে tachyons.io/docs/themes/skins-এ; এখানে শিপ করা সংস্করণটি Skeletonic যা কম্পাইল করে।