Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Sass - Scss map-get Kullanımı

Sezai AlkanFrontend 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;
}
Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com