Bunu 20px olarak belirlediniz, bütün projeyi kodladınız ve yayına aldınız. Daha sonra siteye gelen kullanıcıların mobilde tıklama yapmakta zorluk çektiğini fark ettiniz ve bu miktarı arttırmak istediniz. CSS ile yaparsanız kullandığınız her yerde tek tek değiştirmeniz gerekir. Ama SCSS 'de finger-size diye bir değişken tanımlayabilirsiniz değişiklik yapmak istediğinizde sadece değişkenin değerini güncellemelisiniz.
En basit bir örnekte CSS'de;
ul {kod}
ul li {kod}
ul li a {kod}
şeklinde yazmanız gerekiyor.
SCSS 'de ;
ul {
kod
&-li {
kod
&-a{ kod }
}
}
şeklinde yazabiliyorsun.
SCSS kullanmak için bir çok neden var gibi duruyor açıkçası benim hoşuma gitti.