Pengertian Sass dalam framework Bootstrap

 

Hi, artikel kali ini saya akan membahas mengenai Apa sih Sass yang ada dalam framework Bootstrap itu ?

sebelum lanjut, saya sarankan kamu untuk membaca introduction nya dulu di Pengertian Framework Bootstrap

dan seperti nya artikel kali ini lebih simpel dan sedikit daripada artikel sebelumnya, Karena disini kita akan fokus membahas 1 topik saja, dikarenakan jika lebih dari 1 topik dapat memungkinkan topik utama nya lebih cenderung tenggelam dan akan keluar dari pembahasan utama.

sebelum lanjut, terimakasih terhadap seseorang yang telah mengirimkan pesan WhatsApp ke saya, sekaligus menjawab pertanyaan kamu jika memungkinkan sama seperti pesan dibawah ini

Disclaimer ! :

Disini sudah saya tekankan hanya untuk informasi semata, dan bukan untuk memancing emosi ataupun mencari sensasi. saya selaku penerima pesan tersebut sangat merasa tidak terganggu sama sekali dan saya berterimakasih terhadap pihak yang bersangkutan.   Dan tak ada hal berbau kemarahan disini, keep happy friends...

Apa itu Sass Dalam Framework Bootstrap

Mungkin artikel kali ini akan ada hubungannya dengan artikel selanjutnya yang akan saya bahas dalam seri Bootstrap, 

Sass (Syntactically Awesome Style Sheets) adalah sebuah bahasa pre prosesor dalam css. inti pembahasan kali ini adalah saat kalian menginstal framework Bootstrap melalui cdn, apakah kalian bisa mengedit kode nya ? apakah kalian ingin membuat tampilan laman web yang menarik menggunakan Bootstrap tapi ingin customisasi sendiri ?

Secara tak sengaja, kalian faham mengenai ulasan pertanyaan di atas.

Sass dalam framework Bootstrap digunakan untuk mengatur atau mengendit style yang sudah ada sesuai keinginan

semisalnya, saya ingin menambahkan button dengan Bootstrap tapi saya ingin mengubah sedikit style misalnya border radius pada style button yang sudah disediakan oleh Bootstrap,

berikut kode nya 

<button type="button" class="btn btn-primary">Contoh button</button>
 

maka hasil default nya adalah 

Sekarang kita coba utak atik, saya ingin membuat button tersebut dengan mengubah border radius tanpa merubah kode nya, 

kita bisa menambahkan nya dalam style.css atau dalam tag <style>

.btn{border-radius:   20px 20px 20px 10px;

maka akan terlihat seperti ini  

Disini saya memberikan sedikit class tambahan karena jika saya langsung fokus ke sass class btn maka kalian tidak bisa melihat perbedaan antara yang standar dan sudah diubah melalui sass

Inti dari Sass Bootstrap adalah kontrol atau kustomisasi tambahan terhadap css yang sudah ada

 sekian artikel mengenai Pengertian sass dalam framework Bootstrap  terimakasih dan semoga dimengerti...