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

Cobogó एक ब्राज़ीलियाई विज़ुअल ग्रामर है जो उत्पादों के बीच डिज़ाइन संबंधों को साझा करने के लिए है, बिना किसी की पहचान को मिटाए। इसका उद्देश्य परियोजनाओं को उन निर्णयों का पुनः उपयोग करने की अनुमति देना है जो जीवित रहने योग्य हैं — पदानुक्रम, स्थिति, लय, पठन, फोकस और क्रिया — जबकि टाइपोग्राफी, रंग, अनुपात और फिनिशिंग स्थानीय बने रहते हैं जब वे उत्पाद की आवाज़ वहन करते हैं। Cobogó एक थीम नहीं है और इसके लिए आवश्यक नहीं कि विभिन्न परियोजनाएं एक ही परिवार की दिखें। स्टैक Panda CSS का उपयोग डिज़ाइन सिस्टम के इंजन के रूप में और Astro का उपयोग स्टैटिक साइट्स के लिए रेफरेंस होस्ट के रूप में करता है। Cobogó एक opinionated Panda preset के रूप में काम करता है जिसमें tokens और recipes शामिल हैं। इंस्टॉलेशन npm के माध्यम से GitHub रिपॉज़िटरी से किया जाता है, @pandacss/dev के साथ। कॉन्फ़िगरेशन में panda.config.ts फ़ाइल बनाना, Cobogó preset को इम्पोर्ट करना, CSS परतें (reset, base, tokens, recipes, utilities) परिभाषित करना और Astro कंपोनेंट्स में निर्यातित recipes का उपयोग करना शामिल है। Astro के SSG में, Panda बिल्ड के दौरान स्टाइल्स निकालता है, बिना ब्राउज़र में React एप्लिकेशन की आवश्यकता के। preset वर्तमान में रंग, टाइपोग्राफी, स्पेस, साइज़, ब्रेकपॉइंट, radii और शैडो के tokens के साथ-साथ recipes: button, card, badge, input, alert, article, table और navLink देता है। रिपॉज़िटरी स्वयं प्रदर्शन के रूप में कार्य करती है: src/pages/index.astro पेज Cobogó preset का उपयोग विज़ुअल ग्रामर को समझाने और दिखाने के लिए करता है। परियोजना के विकास का सिद्धांत तब बढ़ना है जब कोई वास्तविक परियोजना किसी ऐसे निर्णय पर पहुंचती है जिसे साझा करना उचित है या जब कोई डिज़ाइन परिकल्पना परीक्षण योग्य है, सिस्टम को छोटा, अनुमानित और उपयोगी बनाए रखते हुए बिना स्थानीय व्यक्तित्व को वैश्विक मानक में बदले।