Sass - Scss map-get Kullanımı

sezaialkan
Sezai Alkan Frontend Developer

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;
}

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol