स्टाइलस (स्टाइल शीट भाषा): Difference between revisions

Stylus
द्वारा डिज़ाइन किया गया	TJ Holowaychuk
Developer	LearnBoost (March 29, 2011 - March 26, 2015) / Automattic (March 26, 2015 - Present)
पहली प्रस्तुति	2010; 14 years ago
Stable release	0.54.8 / July 16, 2020; 4 years ago
टाइपिंग अनुशासन	dynamic
ओएस	Cross-platform
लाइसेंस	MIT License
फ़ाइल नाम एक्सटेंशनएस	.styl
वेबसाइट	Stylus (Github)
Influenced by
	CSS, Sass, LESS

Latest revision as of 11:53, 2 July 2023

स्टाइलस एक गतिशील स्टाइलशीट प्रीप्रोसेसर भाषा है जिसे कैस्केडिंग स्टाइल शीट्स (सीएसएस) में संकलित किया गया है। इसका डिज़ाइन सैस और लेस से प्रभावित है। इसे चौथा सबसे अधिक उपयोग किया जाने वाला सीएसएस प्रीप्रोसेसर सिंटैक्स माना जाता है। इसे नोड.जेएस के पूर्व प्रोग्रामर और लूना भाषा के निर्माता टीजे होलोवेचुक द्वारा बनाया गया था। यह जेड और नोड.जेएस में लिखा गया है।^[3]

चयनकर्ता

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

body {
    color: white;
}

छोटा किया जा सकता है:

body 
    color: white

इसके अतिरिक्त कोलन (:) और कॉमा (,) भी वैकल्पिक हैं; इसका अर्थ है कि ऊपर के रूप में लिखा जा सकता है,

body 
    color white

चर

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

message = 'Hello, World!'

div::before
  content message
  color #ffffff

स्टाइलस कंपाइलर उपरोक्त दस्तावेज़ का अनुवाद इसमें करेगा:

div::before {
  content: 'Hello, World!';
  color: #ffffff;
}

मिश्रण और कार्य

मिक्सिन्स और कार्य दोनों को एक ही विधि से परिभाषित किया गया है, किन्तु उन्हें अलग-अलग विधि से प्रयुक्त किया जाता है।

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

border-radius(n)
  -webkit-border-radius n
  -moz-border-radius n
  border-radius n

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

div.rectangle 
  border-radius(10px)

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

div.rectangle {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

इंटरपोलेशन

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

 -webkit-{'border' + '-radius'}

का मूल्यांकन करता है

-webkit-border-radius

संदर्भ

↑ "LICENSE". GitHub. 2015-03-26. Retrieved 2015-12-21.
↑ "Release 0.54.8". GitHub. 2020-07-16. Retrieved 2021-04-06.
↑ Poll Results: Popularity of CSS Preprocessors

बाहरी संबंध

This software article is a stub. You can help Wikipedia by expanding it.

[1] "LICENSE". GitHub. 2015-03-26. Retrieved 2015-12-21.

[2] "Release 0.54.8". GitHub. 2020-07-16. Retrieved 2021-04-06.

[doc-3] Poll Results: Popularity of CSS Preprocessors

[1]

[2]

[3]

@@ Line 16: / Line 16: @@
 | file_ext               = <code>.styl</code>
 }}
-स्टाइलस एक गतिशील स्टाइलशीट [[ preprocessor |प्रीप्रोसेसर]] भाषा होती है जिसे [[ व्यापक शैली पत्रक |व्यापक शैली पत्रक]] (सीएसएस) में संकलित किया गया है। इसका डिज़ाइन सैस (स्टाइलशीट भाषा) और कम (स्टाइलशीट भाषा) से प्रभावित है। इसे चौथा सबसे अधिक इस्तेमाल किया जाने वाला सीएसएस प्रीप्रोसेसर सिंटैक्स माना जाता है।<ref name="doc">[http://css-tricks.com/poll-results-popularity-of-css-preprocessors/ Poll Results: Popularity of CSS Preprocessors]</ref> यह टीजे होलोवेचुक द्वारा बनाया गया था जोनोड.जे.एस के पूर्व प्रोग्रामर और [[ लूना (प्रोग्रामिंग भाषा) |लूना (प्रोग्रामिंग भाषा)]] भाषा के निर्माता थे। यह JADE (प्रोग्रामिंग लैंग्वेज) और नोड.जे.एस में लिखा गया है।
-== चयनकर्ता ==
+स्टाइलस एक गतिशील स्टाइलशीट प्रीप्रोसेसर भाषा है जिसे कैस्केडिंग स्टाइल शीट्स (सीएसएस) में संकलित किया गया है। इसका डिज़ाइन सैस और लेस से प्रभावित है। इसे चौथा सबसे अधिक उपयोग किया जाने वाला सीएसएस प्रीप्रोसेसर सिंटैक्स माना जाता है। इसे नोड.जेएस के पूर्व प्रोग्रामर और लूना भाषा के निर्माता टीजे होलोवेचुक द्वारा बनाया गया था। यह जेड और नोड.जेएस में लिखा गया है।<ref name="doc">[http://css-tricks.com/poll-results-popularity-of-css-preprocessors/ Poll Results: Popularity of CSS Preprocessors]</ref>
+== चयनकर्ता                                                                                  ==
 सीएसएस के विपरीत जो घोषणा ब्लॉक को खोलने और बंद करने के लिए ब्रैकेट या कर्ली ब्रैकेट का उपयोग करते है इंडेंटेशन का उपयोग किया जाता है। इसके अतिरिक्त अर्धविराम (;) वैकल्पिक रूप से छोड़े गए हैं। इसलिए निम्नलिखित सीएसएस:
 <syntaxhighlight lang="css">
 body {
@@ Line 29: / Line 32: @@
      color: white
 </syntaxhighlight>
-इसके अतिरिक्त कोलन (:) और कॉमा (,) भी वैकल्पिक हैं; इसका मतलब है कि ऊपर के रूप में लिखा जा सकता है,
+इसके अतिरिक्त कोलन (:) और कॉमा (,) भी वैकल्पिक हैं; इसका अर्थ है कि ऊपर के रूप में लिखा जा सकता है,
 <syntaxhighlight lang="css">
 body
@@ Line 37: / Line 40: @@
 == चर ==
-स्टाइलस वेरिएबल्स को परिभाषित करने की अनुमति देता है, चूंकि कम और सैस के विपरीत यह वेरिएबल्स को परिभाषित करने के लिए प्रतीक का उपयोग नहीं करता है। इसके अतिरिक्त संपत्ति और कीवर्ड को अलग करके चर असाइनमेंट स्वचालित रूप से किया जाता है। इस तरह चर [[पायथन (प्रोग्रामिंग भाषा)]] में चर के समान होता हैं।
+स्टाइलस वेरिएबल्स को परिभाषित करने की अनुमति देता है, चूंकि लेस और सैस के विपरीत यह वेरिएबल्स को परिभाषित करने के लिए प्रतीक का उपयोग नहीं करता है। इसके अतिरिक्त संपत्ति और कीवर्ड को अलग करके चर असाइनमेंट स्वचालित रूप से किया जाता है। इस तरह चर [[पायथन (प्रोग्रामिंग भाषा)]] में चर के समान होता हैं।
 <syntaxhighlight lang="css">
 message = 'Hello, World!'
@@ Line 57: / Line 60: @@
 == मिश्रण और कार्य ==
-मिक्सिन्स और कार्य / फलन दोनों को एक ही तरीके से परिभाषित किया गया है, लेकिन उन्हें अलग-अलग विधि से लागू किया जाता है।
+मिक्सिन्स और कार्य दोनों को एक ही विधि से परिभाषित किया गया है, किन्तु उन्हें अलग-अलग विधि से प्रयुक्त किया जाता है।
 उदाहरण के लिए यदि आप विभिन्न कैस्केडिंग स्टाइल शीट्स या ब्राउज़र समर्थन का उपयोग किए बिना सीएसएस बॉर्डर त्रिज्या गुण को परिभाषित करना चाहते हैं तो आप इसे बना सकते हैं:
@@ Line 85: / Line 88: @@
 == इंटरपोलेशन ==
-तर्कों और पहचान कर्ताओं में चर सम्मिलित करने के लिए कोष्ठक वर्ण चर (ओं) को घेरते हैं। उदाहरण के लिए, <syntaxhighlight lang="css"> -webkit-{'border' + '-radius'} </syntaxhighlight> का मूल्यांकन करता है <syntaxhighlight lang="css">-webkit-border-radius</syntaxhighlight>
+तर्कों और पहचान कर्ताओं में चर सम्मिलित करने के लिए कोष्ठक वर्ण चर (s) को घेरते हैं। उदाहरण के लिए, <syntaxhighlight lang="css"> -webkit-{'border' + '-radius'} </syntaxhighlight> का मूल्यांकन करता है <syntaxhighlight lang="css">-webkit-border-radius</syntaxhighlight>
@@ Line 100: / Line 103: @@
 {{Stylesheet languages}}
-{{DEFAULTSORT:Stylus (Stylesheet Language)}}[[Category: 2010 में कंप्यूटर से संबंधित परिचय]] [[Category: मुफ्त कंप्यूटर पुस्तकालय]] [[Category: एमआईटी लाइसेंस का उपयोग करने वाला सॉफ्टवेयर]] [[Category: स्टाइलशीट भाषाएँ]]
+{{DEFAULTSORT:Stylus (Stylesheet Language)}}
 {{software-stub}}
+[[Category:2010 में कंप्यूटर से संबंधित परिचय|Stylus (Stylesheet Language)]]
+[[Category:All stub articles|Stylus (Stylesheet Language)]]
-[[Category: Machine Translated Page]]
+[[Category:Collapse templates|Stylus (Stylesheet Language)]]
-[[Category:Created On 16/06/2023]]
+[[Category:Created On 16/06/2023|Stylus (Stylesheet Language)]]
+[[Category:Lua-based templates|Stylus (Stylesheet Language)]]
+[[Category:Machine Translated Page|Stylus (Stylesheet Language)]]
+[[Category:Navigational boxes| ]]
+[[Category:Navigational boxes without horizontal lists|Stylus (Stylesheet Language)]]
+[[Category:Official website not in Wikidata|Stylus (Stylesheet Language)]]
+[[Category:Pages with script errors|Stylus (Stylesheet Language)]]
+[[Category:Sidebars with styles needing conversion|Stylus (Stylesheet Language)]]
+[[Category:Software stubs|Stylus (Stylesheet Language)]]
+[[Category:Template documentation pages|Documentation/doc]]
+[[Category:Templates Vigyan Ready|Stylus (Stylesheet Language)]]
+[[Category:Templates generating microformats|Stylus (Stylesheet Language)]]
+[[Category:Templates that add a tracking category|Stylus (Stylesheet Language)]]
+[[Category:Templates that are not mobile friendly|Stylus (Stylesheet Language)]]
+[[Category:Templates that generate short descriptions|Stylus (Stylesheet Language)]]
+[[Category:Templates using TemplateData|Stylus (Stylesheet Language)]]
+[[Category:Wikipedia metatemplates|Stylus (Stylesheet Language)]]
+[[Category:एमआईटी लाइसेंस का उपयोग करने वाला सॉफ्टवेयर|Stylus (Stylesheet Language)]]
+[[Category:मुफ्त कंप्यूटर पुस्तकालय|Stylus (Stylesheet Language)]]
+[[Category:स्टाइलशीट भाषाएँ|Stylus (Stylesheet Language)]]

v t e Style sheet languages
Modes	Desktop publishing Web development User interfaces
Standard	Cascading (CSS) DSSSL Extensible (XSL)
Preprocessor	JavaScript (JSSS) FOSI Qt Sass Less Stylus SMIL Timesheets PostCSS
List Comparison

Anonymous

Search

स्टाइलस (स्टाइल शीट भाषा): Difference between revisions

Namespaces

More

Page actions

Latest revision as of 11:53, 2 July 2023

Contents

चयनकर्ता

चर

मिश्रण और कार्य

इंटरपोलेशन

संदर्भ

बाहरी संबंध

Navigation

Navigation

Wiki tools

Wiki tools

Anonymous

Search

स्टाइलस (स्टाइल शीट भाषा): Difference between revisions

Latest revision as of 11:53, 2 July 2023

चयनकर्ता

चर

मिश्रण और कार्य

इंटरपोलेशन

संदर्भ

बाहरी संबंध

Navigation

Wiki tools

Page tools

Other projects

Categories