ตัวแปล SCSS และ Sass
คอมไพล์ SCSS/Sass snippets ที่วางหรือไฟล์ .scss/.sass ในเครื่องโดยตรงในเบราว์เซอร์ของคุณ สไตล์ชีตของคุณจะไม่ถูกอัปโหลด บันทึก หรือส่งไปยัง API
คลิกเพื่อเลือกไฟล์ SCSS/Sass หรือวางไฟล์ที่นี่
คุณยังสามารถวาง SCSS/Sass ลงในตัวแก้ไขด้านล่างได้โดยตรง
0 ไบต์
0 ไบต์
การคอมไพล์บนเบราว์เซอร์โดยตรง
การคอมไพล์ทำงานในเครื่องโดยใช้ Dart Sass อย่างเป็นทางการ ไม่มีการส่งสไตล์ชีตไปยังเซิร์ฟเวอร์ Convertr
อินพุตแบบสั้นและไฟล์
วาง SCSS บางส่วน, สไตล์ชีตเต็ม, nested rules, variables, mixins หรือโหลดไฟล์ .scss ในเครื่อง
การวัดที่ปลอดภัย
การวิเคราะห์ใช้เฉพาะกลุ่มขนาดและการลดขนาดเท่านั้น ซอร์ส SCSS ตัวแปร mixin และชื่อไฟล์จะไม่อยู่ในระบบวัดระยะไกล
คำถามที่พบบ่อย
SCSS ของฉันถูกอัปโหลดไปยัง Convertr หรือไม่?
ไม่ คอมไพเลอร์ SCSS ทำงานในเครื่องด้วย JavaScript ของเบราว์เซอร์ SCSS ที่วางและไฟล์ที่เลือกจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของ Convertr
เมื่อ SCSS มีข้อผิดพลาดทางไวยากรณ์จะเกิดอะไรขึ้น?
ข้อผิดพลาดของคอมไพเลอร์พร้อมหมายเลขบรรทัดและคอลัมน์จะแสดงในแผงคำเตือนเพื่อให้คุณค้นหาและแก้ไขข้อผิดพลาดได้
สิ่งนี้รองรับ @import หรือ dependencies ระยะไกลหรือไม่?
ไม่ เพื่อให้มั่นใจถึงความเร็ว ความพร้อมใช้งานแบบออฟไลน์ และความเป็นส่วนตัว การนำเข้าไฟล์ระยะไกลและการเข้าถึงระบบไฟล์ถูกปิดใช้งานในคอมไพเลอร์ในเบราว์เซอร์นี้
คอมไพเลอร์ SCSS
คอมไพล์ไวยากรณ์ SCSS ที่รองรับเป็น CSS โดยใช้คอมไพเลอร์เบราว์เซอร์ในตัว
- อินพุต
- ซอร์ส SCSS พร้อมตัวเลือกรูปแบบเอาต์พุต.
- ผลลัพธ์
- CSS ที่คอมไพล์แล้วหรือการวินิจฉัยจากคอมไพเลอร์.
- ข้อจำกัดจริง
- คอมไพเลอร์เบราว์เซอร์ไม่แก้ไขการนำเข้าโปรเจกต์ตามอำเภอใจ ไม่เรียกใช้ปลั๊กอินบิลด์ หรือรับประกันความเท่าเทียมกับ Sass เวอร์ชันอื่น
- ความเป็นส่วนตัวและการจัดการข้อมูล
- ซอร์ส SCSS พร้อมตัวเลือกรูปแบบเอาต์พุตถูกประมวลผลในแท็บเบราว์เซอร์นี้ Convertr ไม่ได้รับหรือจัดเก็บข้อมูล การปิดหรือโหลดหน้าใหม่จะล้างสถานะการทำงาน เว้นแต่เครื่องมือจะเสนอให้ดาวน์โหลดในเครื่องอย่างชัดเจน
วิธีใช้เครื่องมือนี้
- ในส่วนควบคุมเครื่องมือ ให้ระบุซอร์ส SCSS พร้อมตัวเลือกรูปแบบเอาต์พุต
- เลือกการตั้งค่าที่ส่งผลต่อ CSS ที่คอมไพล์แล้วหรือการวินิจฉัยคอมไพเลอร์ แล้วเรียกใช้เครื่องมือ
- ตรวจสอบ CSS ที่คอมไพล์แล้วหรือการวินิจฉัยคอมไพเลอร์ก่อนคัดลอกหรือดาวน์โหลด
โหมดความล้มเหลวทั่วไป
ตัวแปรที่ไม่ได้กำหนด, mixin ที่หายไป, import ที่ไม่พร้อมใช้งาน หรือการซ้อนที่ไม่ถูกต้องจะส่งคืนข้อผิดพลาดการคอมไพล์ที่ระบุบรรทัด
ตัวอย่างที่มีประโยชน์
คอมไพล์ตัวแปร $brand และกฎ .button hover ที่ซ้อนกันเป็น CSS แบบขยายหรือบีบอัด