इस प्रोजेक्ट के बारे में

Spruce CSS Sass पर निर्मित एक ओपन-सोर्स CSS डिज़ाइन सिस्टम और फ्रेमवर्क है। इसे npm के माध्यम से वितरित किया जाता है और MIT लाइसेंस के तहत जारी किया गया है, और यह खुद को एक लो-लेवल फाउंडेशन के रूप में पेश करता है जिसे किसी प्रोजेक्ट में जोड़ा जा सकता है, न कि एक पूर्ण कंपोनेंट किट के रूप में। README और दस्तावेज़ीकरण में वर्णित विशेषताएं: - Sass-आधारित टूलिंग: यह फ्रेमवर्क Sass वेरिएबल्स, मिक्सिन्स और फंक्शन्स के इर्द-गिर्द बनाया गया है, और यह Sass मॉड्यूल सिस्टम को अपनाता है, जिसमें इम्पोर्ट्स के लिए नेमस्पेसिंग के साथ @use का उपयोग किया जाता है। - छोटा यूटिलिटी सरफेस: यह जानबूझकर केवल कुछ क्लासिक यूटिलिटी क्लासेस पर निर्भर करता है और README के अनुसार, इसमें क्लासिकल ग्रिड सिस्टम शामिल नहीं है। प्रोजेक्ट बताता है कि फ्रेमवर्क अपेक्षाकृत छोटा है (gzipped लगभग 7 KB) जिसमें छोटा कोडबेस और छोटा लर्निंग कर्व है। - CSS लेखकों के लिए लक्षित: लेखक Spruce को उन लोगों के लिए एक अच्छा विकल्प बताते हैं जो मार्कअप-भारी यूटिलिटी क्लासेस को संयोजित करने के बजाय CSS लिखना पसंद करते हैं, और इसे उस कोड के रूप में वर्णित करते हैं जिसे वे खुद एक प्रोजेक्ट से दूसरे प्रोजेक्ट में मैन्युअल रूप से ले जाते थे। - थीमिंग: थीम्स CSS कस्टम प्रॉपर्टीज के साथ बनाई गई हैं, और डार्क मोड सपोर्ट शामिल है; इसी तरह अन्य कलर थीम्स भी बनाई जा सकती हैं। - टूल्स और आउटपुट का पृथक्करण: जेनरेट किए गए CSS को फ्रेमवर्क से अलग रखा जाता है, ताकि जेनरेटेड स्टाइल्स को खींचे बिना वेरिएबल्स, मिक्सिन्स और फंक्शन्स का उपयोग किया जा सके। - दस्तावेज़ीकरण थीम्स: दस्तावेज़ों में एक्सेसिबिलिटी और समावेशिता, अंतर्राष्ट्रीयकरण और प्रिंट के साथ-साथ कस्टमाइज़ेशन, Sass फाउंडेशन और टाइपोग्राफी, टेबल, बटन, फॉर्म और मीडिया के लिए एलिमेंट पेज शामिल हैं। - कंपोनेंट्स अन्यत्र हैं: ड्रॉप-इन UI कंपोनेंट्स को कोर फ्रेमवर्क के बजाय एक अलग प्रोजेक्ट, Spruce UI में बनाए रखा जाता है। शुरुआत करना: README sprucecss.com दस्तावेज़ीकरण, विशेष रूप से इंस्टॉलेशन पेज की ओर इशारा करता है, और नोट करता है कि मौजूदा Sass उपयोगकर्ताओं के लिए मुख्य बदलाव नया मॉड्यूल सिस्टम है। एक साथी Eleventy स्टार्टर टेम्पलेट (sprucecss-eleventy-starter) बुनियादी कंपाइल सेटअप के साथ एक बॉयलरप्लेट प्रदान करता है। दो और टेम्पलेट्स सूचीबद्ध हैं: Spruce Docs, जो Eleventy के साथ बनाया गया एक दस्तावेज़ीकरण टेम्पलेट है, और Root, जो मानक व्यूज़ और कई कंपोनेंट्स वाला एक एडमिनिस्ट्रेशन टेम्पलेट है। दस्तावेज़ीकरण और योगदान: पूर्ण दस्तावेज़ीकरण sprucecss.com पर होस्ट किया गया है और एक अलग रिपॉजिटरी में बनाए रखा गया है, जिसमें दस्तावेज़ों में एक योगदान गाइड शामिल है। README GitHub रिलीज़, npm पैकेज और एक टेस्ट वर्कफ़्लो का लिंक भी देता है, और प्रोजेक्ट की अपनी संपत्तियों में उपयोग किए जाने वाले लाइट/डार्क लोगो का उल्लेख करता है।