स्टाइलस (स्टाइल शीट भाषा)

स्टाइलस एक गतिशील स्टाइलशीट preprocessor  भाषा है जिसे  व्यापक शैली पत्रक  (सीएसएस) में संकलित किया गया है। इसका डिज़ाइन Sass (stylesheet language) और LESS (stylesheet language) से प्रभावित है। इसे चौथा सबसे अधिक इस्तेमाल किया जाने वाला CSS प्रीप्रोसेसर सिंटैक्स माना जाता है। यह टीजे होलोवेचुक द्वारा बनाया गया था, जो Node.js के पूर्व प्रोग्रामर और  लूना (प्रोग्रामिंग भाषा)  भाषा के निर्माता थे। यह JADE (प्रोग्रामिंग लैंग्वेज) और Node.js में लिखा गया है।

चयनकर्ता
सीएसएस के विपरीत, जो घोषणा ब्लॉक को खोलने और बंद करने के लिए ब्रैकेट # कर्ली ब्रैकेट का उपयोग करता है, इंडेंटेशन का उपयोग किया जाता है। इसके अतिरिक्त, अर्धविराम वैकल्पिक रूप से छोड़े गए हैं। इसलिए, निम्नलिखित सीएसएस: छोटा किया जा सकता है: इसके अलावा, कोलन और कॉमा  भी वैकल्पिक हैं; इसका मतलब है कि ऊपर के रूप में लिखा जा सकता है,

चर
स्टाइलस वेरिएबल्स को परिभाषित करने की अनुमति देता है, हालांकि LESS और Sass के विपरीत, यह वेरिएबल्स को परिभाषित करने के लिए प्रतीक का उपयोग नहीं करता है। इसके अतिरिक्त, संपत्ति और कीवर्ड को अलग करके चर असाइनमेंट स्वचालित रूप से किया जाता है। इस तरह, चर पायथन (प्रोग्रामिंग भाषा) में चर के समान हैं। स्टाइलस कंपाइलर उपरोक्त दस्तावेज़ का अनुवाद इसमें करेगा:

मिश्रण और कार्य
मिक्सिन्स और फ़ंक्शंस दोनों को एक ही तरीके से परिभाषित किया गया है, लेकिन उन्हें अलग-अलग तरीकों से लागू किया जाता है।

उदाहरण के लिए, यदि आप विभिन्न कैस्केडिंग स्टाइल शीट्स#ब्राउज़र समर्थन का उपयोग किए बिना CSS बॉर्डर त्रिज्या गुण को परिभाषित करना चाहते हैं, तो आप इसे बना सकते हैं:

फिर, इसे मिक्सिन के रूप में शामिल करने के लिए, आप इसे इस प्रकार संदर्भित करेंगे:

यह संकलित होगा:

इंटरपोलेशन
तर्कों और पहचानकर्ताओं में चर शामिल करने के लिए, कोष्ठक वर्ण चर (ओं) को घेरते हैं। उदाहरण के लिए,  का मूल्यांकन करता है

बाहरी संबंध

 * Stylus source code repository (Git)
 * Source code comparison with Sass/SCSS and LESS
 * Online Stylus Compiler
 * Online Stylus Compiler