Sass - Scss map-get Kullanımı

Sezai AlkanFrontend Developer

Sass-Scss #scss #sass #css

Sass ve Scss de map-get kullanımını programlama dillerindeki dizilere benzetebiliriz. Örnek vermek gerekirse aynı kategorideki veri için onlarca değişken oluşturacağımıza map-get ile bunları tek bir değişken içerisine tanımlayabiliriz.

Aşağıdaki örnek üzerinde $str değişkenimizin içerisine oluşturğumuz temanın ana renklerini barındırabiliriz. Her renk için ayrı bir değişken oluşturmamız gerekmeyecektir.

$str : ( "mavi" : #002fff, "sari" : #fcba03, "siyah" : #000)

Yukarıda da belirttiğimiz gibi bir değişken içerisinde dizi gibi birden çok veri barındırabiliriz ve her bir verimizin anahtar kelimesi bulunmaktadır.

.stil
    color: map-get($str,"mavi")

Değişken içerisinden veri çağırırken map-get() içerisinde önce değişken adımızı sonra virgül ile ayırarak verimizin anahtar kelimesini girmeliyiz. 

Ekran Çıktısı :

.stil {
  color: #002fff;
}