पेटल एक संगठित और लाइटवेट सीएसएस यूआई फ्रेमवर्क है जो कम से कम चल रहा है

बूटस्ट्रैप से लेकर फाउंडेशन तक ऐसा लगता है कि जैसे ए है सीएसएस चौखटे की अंतहीन धारा से चुनने के लिए। परंतु लेस पर कुछ रन और भी कम हैं पेटल के रूप में अच्छी तरह से संगठित.

यह छोटा सा ओपन सोर्स प्रोजेक्ट था शक के लिए टीम में आंतरिक रूप से बनाया गया लेकिन उन्होंने फैसला किया यह सब GitHub पर जारी करें. यह अभी भी एक है नया ढाँचा इसलिए सुधार के लिए बहुत जगह है। अपनी वर्तमान स्थिति में, पेटल एक है सुविधा संपन्न ढांचा किसी भी वेब प्रोजेक्ट के लिए.

किसी को भी रुचि बाहर की जाँच करनी चाहिए मुख्य पृष्ठ और देखो कुछ प्रलेखन.

पेटल स्टाइलशीट में टूट जाती है विभिन्न कम फ़ाइलें, इसलिए यह व्यवस्थित है सुविधाओं और सेटिंग्स के आधार पर. इस तरह यदि आप बदलाव करना चाहते हैं या एक विशिष्ट वर्ग ढूंढना चाहते हैं, जिसकी आपको आवश्यकता है केवल एक फ़ाइल ब्राउज़ करें, उदाहरण के लिए typography.less, बल्कि एक पूरी लाइब्रेरी.

आप कुछ देख सकते हैं अधिक सामान्य डिजाइन सुविधाएँ इस कलम में कोड के टुकड़े आप कॉपी कर सकते हैं.

पेटल का मतलब होता है a न्यूनतम ढांचा साथ में सरल पूर्व निर्मित शैलियों.

हर कोई अपने डिजाइन में रंग या टोन जोड़ने का काम नहीं करना चाहता है। एक सीएसएस फ्रेमवर्क की सुंदरता यह है कि यह हो सकता है डिजाइन और शैली प्रदान करते हैं, तो आप बस HTML जोड़ें और आगे बढ़ें.

यह क्या है पेटल अच्छा करता है, और यह बूटस्ट्रैप-संचालित होमपेज़ से भरी दुनिया में ताजी हवा की एक सांस है.

यदि आप केवल अपने लिए यह कोशिश करना चाहते हैं जोड़ें Petal.css शैली पत्रक आपके अधिकार में दस्तावेज़ के अनुभाग. वहां से, सभी मूल शैलियों को लागू किया जाएगा सीधे सभी HTML तत्वों के लिए.

आप ऐसा कर सकते हैं कक्षाओं के साथ टिंकर साइट पर डॉक्स पृष्ठ की जाँच करके। वास्तव में एक पूरा खंड शामिल है एक वर्ग का उपयोग कर मूल पृष्ठ सेटअप, जैसे कि .अनुभाग एक कंटेनर के रूप में जैसी कक्षाओं के साथ .पंक्ति या .स्तंभ संरचना के लिए.

लेआउट विकल्प व्यावहारिक रूप से अंतहीन हैं, और आप हमेशा जोड़ सकते हैं पैडिंग और मार्जिन के लिए अतिरिक्त स्वरूपण अगर जरुरत हो.

इस तरह के एक छोटे सीएसएस ढांचे के लिए, पेटल वास्तव में प्रभावशाली है। यह वर्तमान में v0.5 पर अपनी प्रारंभिक अवस्था में है, लेकिन समय बढ़ने के साथ ही इसे लगातार विकसित किया जाएगा। ज्यादा सीखने के लिए पेटल होमपेज देखें, और देखें कि आप क्या बना सकते हैं!