Sumi.css एक न्यूनतम CSS फ्रेमवर्क है जो पहले से बिना क्लास के काम करने पर केंद्रित है। सादा, सिमेंटिक HTML लिखें, और वह पूरा दिखेगा। किसी विशेष चीज़ की ज़रूरत हो तभी क्लास जोड़ें। यह फ्रेमवर्क एक ही फ़ाइल में आता है, इसमें बिल्ड स्टेप नहीं है, मिनिफाइड और gzip के बाद इसका आकार 6.7 KB है, इसमें कोई JavaScript नहीं है और कोई डिपेंडेंसी नहीं है।
डिफ़ॉल्ट रूप से बिना क्लास के, Sumi केवल HTML एलिमेंट से ही हेडिंग, फ़ॉर्म, टेबल, कार्ड, एकॉर्डियन, मोडल और नेविगेशन को सीधे स्टाइल करता है। यह लाइट और डार्क मोड दोनों को सपोर्ट करता है, और विज़िटर की सिस्टम सेटिंग को अपने आप फ़ॉलो करता है, जबकि data-theme डेवलपर्स को किसी भी मोड को ज़बरदस्ती लागू करने देता है।
थीमिंग सरल है। हर रंग, फ़ॉन्ट, आकार और रेडियस एक CSS कस्टम प्रॉपर्टी है। एलिमेंट स्टाइल की स्पेसिफ़िसिटी शून्य होती है, इसलिए आपकी अपनी CSS !important के बिना हमेशा लागू होती है।
एक्सेसिबिलिटी इसमें अंतर्निहित है, जिसमें दिखने वाले फ़ोकस रिंग, aria-invalid, aria-busy और aria-current जैसे ARIA-आधारित स्टेट, और reduced motion का समर्थन शामिल है। डेवलपर्स sumi.min.css को किसी प्रोजेक्ट में कॉपी करके Sumi इंस्टॉल कर सकते हैं, या jsDelivr के ज़रिए रिपॉज़िटरी से लोड कर सकते हैं। विकास के दौरान बिना मिनिफाइड sumi.css उपलब्ध है, जिसमें हर सेक्शन को समझाने वाली टिप्पणियाँ हैं।
स्रोत: Hacker News · HeadlinesBriefing द्वारा सारांशित