Apa Itu SASS ?

Pada artikel kali ini saya akan mengenalkan teman-teman dengan suatu updatetan dari css3 yaitu SASS, nah apa itu SASS?
Sass (Syntactically Awesome Stylesheets) adalah sebuah pengembangan dari CSS3 dengan penambahan nested rules, variables, mixins, selector inheritance, dan banyak lagi yang lainnya. dengan menggunakan SASS ini script dapat di terjemahkan dengan struktur yang lebih baik.

Apa Kelebihan SASS?
1. CSS yang dihasilkan akan rapiH dan mudah di pahami.
2. Otomatis akan berjalan dengan baik di semua browser.
3. Hasil output CSS akan lebih terstruktur

Contoh penulisan SASS nesting Adalah sebagai berikut :

table.hl {
  margin: 2em 0;
  td.ln {
    text-align: right;
  }
}
 
li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

Jika kita menulis css pada biasanya akan seperti berikut :

table.hl {
  margin: 2em 0;
}
table.hl td.ln {
  text-align: right;
}
 
li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}

Selamat upgrade skill ya teman-teman jangan bosan belajar , cukup sekian artikel kali ini sampai bertemu pada artikel berikutnya,

terimakasih.

Kategori