sass

Sass ทำให้ CSS สนุกอีกครั้ง SASS เป็นส่วนขยายของ CSS เพิ่มกฎซ้อนกันตัวแปร mixins มรดกตัวเลือกและอื่น ๆ มันแปลเป็น CSS มาตรฐานที่ได้รับการจัดรูปแบบดีโดยใช้เครื่องมือบรรทัดคำสั่งหรือปลั๊กอินสำหรับระบบบิลด์ของคุณ

 $font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;

body {
  font : 100 % $font-stack ;
  color : $primary-color ;
}

@mixin border-radius ( $radius ) {
  -webkit-border-radius : $radius ;
     -moz-border-radius : $radius ;
      -ms-border-radius : $radius ;
          border-radius : $radius ;
}

nav {
  ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
  }

  li { @include border-radius ( 10 px ); }

  a {
    display : block ;
    padding : 6 px 12 px ;
    text-decoration : none ;
  }
}

ติดตั้ง Sass

คุณสามารถติดตั้ง sass บน Windows, Mac หรือ Linux ได้โดยการดาวน์โหลดแพ็คเกจสำหรับระบบปฏิบัติการของคุณจาก GitHub และเพิ่มลงใน PATH ของคุณ นั่นคือทั้งหมด - ไม่มีการพึ่งพาภายนอกและไม่มีอะไรอื่นที่คุณต้องติดตั้ง

หากคุณใช้ node.js คุณสามารถติดตั้ง sass โดยใช้ NPM โดยใช้งาน

 npm install -g sass

อย่างไรก็ตามโปรดทราบ ว่าสิ่งนี้จะติดตั้งการใช้งาน JavaScript บริสุทธิ์ของ SASS ซึ่งทำงานช้ากว่าตัวเลือกอื่น ๆ ที่ระบุไว้ที่นี่ แต่มันมีอินเทอร์เฟซเดียวกันดังนั้นมันจะง่ายที่จะสลับในการใช้งานอื่นในภายหลังหากคุณต้องการความเร็วมากขึ้น!

ดูเว็บไซต์ SASS สำหรับวิธีการติดตั้ง SASS เพิ่มเติม

เมื่อคุณติดตั้ง SASS แล้วคุณสามารถเรียกใช้ sass ที่เรียกใช้งานได้เพื่อรวบรวมไฟล์ .sass และไฟล์. .scss ไปยังไฟล์ .css ตัวอย่างเช่น:

 sass source/stylesheets/index.scss build/stylesheets/index.css

เรียนรู้ Sass

ตรวจสอบเว็บไซต์ SASS สำหรับคำแนะนำเกี่ยวกับวิธีการเรียนรู้ SASS!

ที่เก็บนี้

ที่เก็บนี้ไม่ใช่การใช้ SASS ผู้ที่อาศัยอยู่ใน sass/dart-sass และ sass/libsass มันมี:

• spec/ ซึ่งมีข้อมูลจำเพาะสำหรับคุณสมบัติภาษา
• proposal/ ซึ่งมีข้อเสนอที่กำลังดำเนินการสำหรับการเปลี่ยนแปลงภาษา
• accepted/ ซึ่งมีข้อเสนอที่ได้รับการยอมรับและมีการดำเนินการหรือในกระบวนการของการดำเนินการ

โปรดทราบว่าสิ่งนี้ไม่มีข้อกำหนดทั้งหมดของ SASS แต่ข้อมูลจำเพาะคุณสมบัติจะถูกเขียนตามต้องการเมื่อมีการออกแบบคุณสมบัติใหม่หรือเมื่อผู้ใช้ต้องการความชัดเจนเพิ่มเติมเกี่ยวกับวิธีการทำงานของบางสิ่ง ซึ่งหมายความว่าสเป็คจำนวนมากใน spec/ ครอบคลุมส่วนเล็ก ๆ ของคุณสมบัติที่เป็นปัญหา

นโยบายการกำหนดเวอร์ชัน

ข้อเสนอในที่เก็บนี้มีเวอร์ชันเพื่อให้ง่ายต่อการติดตามการเปลี่ยนแปลงตลอดเวลาและอ้างอิงถึงรุ่นเก่า ทุกรุ่นมีแท็ก GIT ของ proposal.<name>.draft-<version> ควรสร้างเวอร์ชันใหม่สำหรับการเปลี่ยนแปลงแต่ละชุด

ทุกรุ่นมีเวอร์ชันหลักและพวกเขาอาจมีรุ่นรองลงมาเช่นกัน (ระบุ <major>.<minor> >) รุ่นรองควรเพิ่มขึ้นสำหรับการเปลี่ยนแปลงที่ไม่ส่งผลกระทบต่อความหมายที่ตั้งใจไว้ของข้อเสนอ มิฉะนั้นควรเพิ่มเวอร์ชันหลัก