2016-04-08 10 views
0

私はカラーリストを持っており、リストからn番目の値を取得する必要があります。色の値を取得するために、以下のコードを試しました。SASSのカラーリストからn番目の値を取得する方法は?

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

しかし、動作しません。私が逃したことはありますか?カラーリスト(hexa、rgb、rgba、hslなどのサポートされているすべての形式)から色を取得するためのサポートがあるinbuilt関数はありますか?

+0

この参照を参照してください:http://stackoverflow.com/questions/20499850/sass-nth-child-nesting – Manish62

+1

私はあなたのためにこれをテストし、それはうまくいくようです。 $ gradには#000000(黒)、#ffffff(白)の2色が割り当てられています。 $ firstは黒、$ secondは白です。 – Steve

答えて

0

この問題は、mixinの引数が原因であることがわかりました。複数値の引数($ list ...)を設定すると、リストからn番目の値を取得しません。

@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); 

mixinの引数から(...)を完全に削除した場合は、それは問題かもしれません

+0

あなたの提供されたコードには[MCVE]が含まれていないため、この回答は文脈上全く意味をなさないものになります。この質問は将来の訪問者には絶対に価値がないので、誰にも役立たない回答を投稿するのではなく、削除しておくべきです。 – cimmanon

+0

@cimmanon:サンプルを変更しました –

+0

あなたの質問とあなたの提供された結果はまったく問題ではありません。 – cimmanon

関連する問題