sass

Sass membuat CSS menyenangkan lagi . Sass adalah perpanjangan dari CSS, menambahkan aturan bersarang, variabel, mixin, warisan pemilih, dan banyak lagi. Ini diterjemahkan ke CSS standar yang diformat dengan baik menggunakan alat baris perintah atau plugin untuk sistem build Anda.

 $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 ;
  }
}

Instal sass

Anda dapat menginstal sass di windows, mac, atau linux dengan mengunduh paket untuk sistem operasi Anda dari github dan menambahkannya ke PATH Anda. Itu saja - tidak ada dependensi eksternal dan tidak ada lagi yang perlu Anda instal.

Jika Anda menggunakan Node.js, Anda juga dapat menginstal Sass menggunakan NPM dengan menjalankan

 npm install -g sass

Namun, harap dicatat bahwa ini akan menginstal implementasi JavaScript murni dari Sass, yang berjalan agak lebih lambat dari opsi lain yang tercantum di sini. Tetapi memiliki antarmuka yang sama, jadi mudah untuk bertukar di implementasi lain nanti jika Anda membutuhkan sedikit lebih banyak kecepatan!

Lihat situs web Sass untuk lebih banyak cara menginstal Sass.

Setelah Anda menginstal Sass, Anda dapat menjalankan sass yang dapat dieksekusi untuk mengkompilasi file .sass dan .scss ke file .css . Misalnya:

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

Pelajari Sass

Lihatlah situs web Sass untuk panduan tentang cara mempelajari sass!

Repositori ini

Repositori ini bukan implementasi Sass. Mereka yang hidup dalam sass/dart-sass dan sass/libsass . Sebaliknya, itu berisi:

• spec/ , yang berisi spesifikasi untuk fitur bahasa.
• proposal/ , yang berisi proposal dalam proses untuk perubahan bahasa.
• accepted/ , yang berisi proposal yang telah diterima dan diimplementasikan atau dalam proses diimplementasikan.

Perhatikan bahwa ini tidak berisi spesifikasi penuh Sass. Sebaliknya, spesifikasi fitur ditulis sesuai kebutuhan ketika fitur baru sedang dirancang atau ketika seorang pelaksana membutuhkan kejelasan tambahan tentang bagaimana sesuatu seharusnya bekerja. Ini berarti banyak spesifikasi dalam spec/ hanya mencakup sebagian kecil fitur yang dimaksud.

Kebijakan Versi

Proposal dalam repositori ini di versi, untuk memudahkan melacak perubahan dari waktu ke waktu dan merujuk ke versi yang lebih lama. Setiap versi memiliki tag git dari proposal.<name>.draft-<version> . Versi baru harus dibuat untuk setiap batch perubahan.

Setiap versi memiliki versi utama, dan mereka mungkin memiliki versi minor juga (ditunjukkan <major>.<minor> >). Versi minor harus bertambah untuk perubahan yang tidak mempengaruhi semantik yang dimaksud dari proposal; Kalau tidak, versi utama harus bertambah.