Penulisan Variable Dengan SASS

hallo teman-teman apa kabar? kalau pada artikel sebelumnya saya telah memperkenalkan dengan apa itu SASS dan bagai mana cara penulisannya, pada artikel kali ini saya masih akan membahas tentang SASS, didalam SASS kita dapat membuat variable sama halnya ketika kita belajar php untuk teman-teman yang suka dengan pemrograman, dengan SASS kita dapat
membuat sebuah variable dan memberikannya nilai, sehingga kita bisa gunakan variable tersebut berkali-kali dengan hanya memanggil nama variablenya saja,

nah untuk penulisan variable pada SASS adalah sebagai berikut :

$blue: #3bbfce;
$margin: 16px;
 
.content-navigation {
  border-color: $blue;
  color:
    darken($blue, 9%);
}
 
.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

dimana jika kita compile akan menghasilkan css seperti berikut :

.content-navigation {
  border-color: #3bbfce;
  color: #2b9eab;
}
 
.border {
  padding: 8px;
  margin: 8px;
  border-color: #3bbfce;
}

cukup mudah kan teman-teman, selamat upgrade skill jangan bosan belajar ya, semoga artikel kali ini bermanfaat,

terimakasih.

Kategori