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 स्रोत और अधिक आउटपुट-स्टाइल विकल्प.
- आउटपुट
- संकलित सीएसएस या कॉम्पिलर डायनासिस.
- वास्तविक सीमाएं
- ब्राउज़र संकलक स्वाभाविक परियोजना आयात को हल नहीं करता है, निर्माण प्लगइन चलाता है, या एक अलग Sass संस्करण के साथ सापेक्षता की गारंटी देता है।
- गोपनीयता और डेटा प्रसंस्करण
- SCSS स्रोत प्लस आउटपुट-स्टाइल विकल्प इस ब्राउज़र टैब में संसाधित किए जाते हैं. कनवर्टर इसे प्राप्त या संग्रहीत नहीं करता है; पृष्ठ को बंद या पुनः लोड करके, कार्यस्थल स्पष्ट रूप से काम नहीं करता जब तक कि उपकरण स्पष्ट रूप में एक स्थानीय डाउनलोड प्रदान नहीं करता।
इस उपकरण का उपयोग कैसे करें
- टूल नियंत्रण में SCSS स्रोत और आउटपुट-स्टाइल विकल्प प्रदान करें।
- सेटिंग्स का चयन करें जो संकलित सीएसएस या संकलक निदान को प्रभावित करते हैं, फिर टूल चलाएं।
- समीक्षा कॉपी CSS या कॉपीर डाइगेशन को कॉपी करने या डाउनलोड करने से पहले।
असफलता के सामान्य तरीके
अज्ञात चर, अनुपस्थित मिक्सिन, उपलब्ध आयात, या अक्षम नष्ट करने के लिए एक लाइन-आवेदित संकलन त्रुटि वापस आता है।
उपयोगी उदाहरण
एक $ ब्रांड परिवर्तनीय और नस्टेड .button hover नियम को विस्तारित या संपीड़ित CSS में संकलित करें।