SCSS और Sass कंपाइलर
चिपकाए गए SCSS/Sass स्निपेट या स्थानीय .scss/.sass फ़ाइलों को सीधे अपने ब्राउज़र में संकलित करें। आपकी स्टाइलशीट अपलोड, लॉग इन या एपीआई पर नहीं भेजी गई है।
SCSS/Sass फ़ाइल चुनने के लिए क्लिक करें या इसे यहां छोड़ें
आप SCSS/Sass को सीधे नीचे संपादक में पेस्ट भी कर सकते हैं।
0 बाइट्स
0 बाइट्स
ब्राउज़र-मूल संकलन
संकलन आधिकारिक Dart Sass कार्यान्वयन का उपयोग करके स्थानीय रूप से चलता है। Convertr सर्वर पर कोई स्टाइलशीट नहीं भेजी जाती है।
स्निपेट और फ़ाइल इनपुट
आंशिक SCSS, पूर्ण स्टाइलशीट, नेस्टेड नियम, वेरिएबल, मिक्सिन पेस्ट करें, या एक स्थानीय .scss फ़ाइल लोड करें।
सुरक्षित माप
Analytics केवल आकार और कटौती बकेट का उपयोग करता है। SCSS स्रोत, चर, मिश्रण और फ़ाइल नाम टेलीमेट्री से बाहर रहते हैं।
अक्सर पूछे जाने वाले सवाल
क्या मेरा SCSS Convertr पर अपलोड किया गया है?
नहीं। SCSS कंपाइलर ब्राउज़र JavaScript के साथ स्थानीय रूप से चलता है। चिपकाया गया SCSS और चयनित फ़ाइलें Convertr सर्वर पर नहीं भेजी जाती हैं।
क्या होता है जब SCSS में सिंटैक्स त्रुटि होती है?
लाइन और कॉलम नंबरों के साथ कंपाइलर त्रुटि चेतावनी पैनल में दिखाई गई है ताकि आप त्रुटि का पता लगा सकें और उसे ठीक कर सकें।
क्या यह @import या दूरस्थ निर्भरता का समर्थन करता है?
नहीं। गति, ऑफ़लाइन उपलब्धता और गोपनीयता सुनिश्चित करने के लिए, इस ब्राउज़र-मूल कंपाइलर में दूरस्थ आयात और फ़ाइल-सिस्टम पहुंच अक्षम है।
संबंधित डेवलपर उपकरण
SCSS कंपाइलर
बंडल ब्राउज़र कंपाइलर का उपयोग करके समर्थित SCSS सिंटैक्स को CSS में संकलित करें।
- इनपुट
- SCSS स्रोत और अधिक आउटपुट-स्टाइल विकल्प.
- आउटपुट
- संकलित CSS या कंपाइलर डायग्नोस्टिक्स.
- वास्तविक सीमाएं
- ब्राउज़र कंपाइलर मनमाने प्रोजेक्ट इम्पोर्ट को हल नहीं करता, बिल्ड प्लगइन्स को निष्पादित नहीं करता, या किसी भिन्न Sass संस्करण के साथ समानता की गारंटी नहीं देता।
- गोपनीयता और डेटा प्रसंस्करण
- SCSS स्रोत प्लस आउटपुट-शैली विकल्प इस ब्राउज़र टैब में संसाधित किए जाते हैं। Convertr इसे प्राप्त या संग्रहीत नहीं करता है; पृष्ठ को बंद या पुनः लोड करने से कार्यशील स्थिति साफ़ हो जाती है जब तक कि उपकरण स्पष्ट रूप से स्थानीय डाउनलोड प्रदान न करे।
इस उपकरण का उपयोग कैसे करें
- टूल नियंत्रण में SCSS स्रोत और आउटपुट-स्टाइल विकल्प प्रदान करें।
- वे सेटिंग्स चुनें जो संकलित CSS या कंपाइलर डायग्नोस्टिक्स को प्रभावित करती हैं, फिर टूल चलाएं।
- इसे कॉपी या डाउनलोड करने से पहले संकलित CSS या कंपाइलर डायग्नोस्टिक्स की समीक्षा करें।
सामान्य विफलता मोड
अपरिभाषित चर, अनुपलब्ध मिक्सिन, अनुपलब्ध आयात, या अमान्य नेस्टिंग एक पंक्ति-जागरूक संकलन त्रुटि लौटाता है।
उपयोगी उदाहरण
एक $brand वेरिएबल और नेस्टेड .button hover नियम को विस्तारित या संपीड़ित CSS में संकलित करें।