Pada artikel sebelumnya saya sudah membahas tentang Cara Instal SASS pada Windows, pada kesempatan ini saya ingin mengajak anda untuk mengenal lebih dekat tentang Cara mudah mengaplikasikan SASS pada Website, SASS bisa digunakan untuk mengubah css biasa menjadi sebuah css yang mudah dan menimalisir baris pada css, css dalam skala besar akan mengakibatkan programmer kewalahan dalam membuat dan mengetahui tata letak style
yang diberikan, dan sangat sulit juga untuk sistem dalam pengembangan website, jika kita menggunakan SASS tidak kemungkinan programmer yang akan datang akan mudah dan cepat menyesuaikan dari sebelumnya, ringkas saja saya akan ajarkan sederhana tentang Cara mudah mengaplikasikan SASS pada Website, teman teman bisa siapkan sebuah editornya dan untuk yang baru bergabung bisa membaca artikel sebelumnya oke langsung saja disini, tulisakn scriptnya dibawah sini :
intro.html
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> <meta charset="UTF-8"> <title>Belajar SASS</title> <link rel="stylesheet" href="style.css" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Macondo" rel="stylesheet"> </head> <body> <h1>Dumet School</h1> </body> </html> |
buat style.css dan biarkan kosong yah,
lalu teman teman buat file bernama contoh.scss lalu masukkan scriptnye dibawah sini
|
1 2 3 4 5 6 7 8 9 10 |
$font-gaya : 'Macondo', cursive; $font-gede : 30px; $warna : red; h1 { font-family : $font-gaya; font-size: $font-gede; color : $warna; } |
lalu buka commandprompnya masukkan seperti ini :
Jika sudah coba save dan jalankan dibrowsernya, dan jangan lupa pada commentpromptnya tuliskan seperti ini :
agar setiap kali kita menambahkan style baru maka akan terotomatis akan mengupdate sendiri, cukup mudah bukan? sekian tutorial tentang Cara mudah mengaplikasikan SASS pada Website sampai bertemu diartikel selanjutnya dan sampai jumpa.
dan berikut adalah hasilnya :
#KeepLearn
#IsmetMA