2016-04-08 19 views
0

Bir renk listesi var ve nth değerini listeden almam gerekiyor. Renk kodunu almak için aşağıdaki kodu denedim:SASS'de renk listesinden nth değeri nasıl alınır?

$grad: #000000, #ffffff; 
$first: nth($grad, 1); 
$second: nth($grad, 2); 

Fakat çalışmıyor. Kaçırdığım bir şey var mı? Renk listesinden renkleri elde etmek için destekleyen herhangi bir dahili fonksiyon var mı? (Hexa, rgb, rgba, hsl vb. Gibi tüm desteklenen formatlar).

+0

bu başvuruya bakın: http://stackoverflow.com/questions/20499850/sass-nth-child-nesting – Manish62

+1

Bunu sizin için test ettim ve iyi çalışıyor gibi görünüyor. $ grad'a atanan 2 renk var: # 000000 (siyah), #ffffff (beyaz). $ ilk siyah ve $ saniye beyazdır. – Steve

cevap

0

Sorunun karıĢımdaki argümandan kaynaklandığını buldum. Çok değer argümanını ($ liste ...) ayarlarsam, listeden nth değeri olmaz.

@mixin list($list...){ 
    @if($list == none){ 
    .none{ 
     color: black; 
    } 
    } 
    @else{ 
    $n: nth($list, 1); 
    .color-#{$n}{ 
     color: $n; 
    } 
    } 
} 

$lis: red, blue; 
@include list(none); 
@include list($lis); 

Karışım argümanından (...) kaldırırsam, mükemmel çalışıyor. Bu referansı görmek için

+0

Sağlanan kodunuz bir [MCVE] içermedi, bu yanıtın bağlamda kesinlikle hiçbir anlam ifade etmemesi sağlandı. Bu sorunun gelecekteki ziyaretçilere kesinlikle bir değeri yok, kimseye yardımcı olmayacak bir cevap yazmaktan ziyade onu silmeliydin. – cimmanon

+0

@cimmanon: örnek değiştirildi –

+0

Önemli değil, sorunuz ve sağladığınız sonuç hala çöp. – cimmanon

İlgili konular