Stylus คือภาษาพรีโปรเซสเซอร์แบบไดนามิกที่สามารถคอมไพล์เป็น CSS (Cascading Style Sheets) มาตรฐานได้ เป็นวิธีการเขียนสไตล์ชีตที่ยืดหยุ่นและทรงพลังยิ่งขึ้น โดยใช้ฟีเจอร์ต่างๆ เช่น ตัวแปร การซ้อน มิกซ์อิน และฟังก์ชัน ซึ่งคล้ายกับ Sass หรือ Less
"Stylus to CSS" หมายถึงกระบวนการเขียนสไตล์ใน Stylus (ไฟล์ .styl) และคอมไพล์เป็น CSS ธรรมดา (ไฟล์ .css) ที่เบราว์เซอร์สามารถเข้าใจได้
ไวยากรณ์ที่สะอาดกว่า: Stylus ช่วยให้ละเว้นเครื่องหมายเซมิโคลอน วงเล็บปีกกา และโคลอนได้ ทำให้โค้ดของคุณกระชับขึ้น
ตัวแปรและมิกซ์อิน: นำสไตล์และการตั้งค่ากลับมาใช้ใหม่ได้อย่างง่ายดาย
ฟังก์ชันและตรรกะ: เพิ่มตรรกะการเขียนโปรแกรมลงในสไตล์ชีต
การทำเนสต์: เก็บกฎที่เกี่ยวข้องไว้ด้วยกันในรูปแบบที่อ่านง่ายขึ้น
การบำรุงรักษา: จัดการและปรับขนาดโครงการขนาดใหญ่ได้ง่ายขึ้น
เมื่อทำงานในโครงการ CSS ขนาดใหญ่หรือซับซ้อน
เมื่อคุณต้องการ การจัดรูปแบบตามตรรกะ (เงื่อนไข ลูป)
เมื่อคุณต้องการ การใช้รูปแบบซ้ำ อย่างมีประสิทธิภาพ (เช่น ด้วยมิกซ์อิน)
เมื่อคุณอยู่ใน Node.js อยู่แล้ว สภาพแวดล้อม (Stylus ผสานรวมได้ดี)
เมื่อคุณต้องการไวยากรณ์ที่เรียบง่ายและเรียบง่ายกว่า เมื่อเทียบกับ Sass หรือ Less