2017-05-12 6 views
0

私はionic 2プロジェクトのカラーマップで線形勾配を設定しようとしていますが、エラーが続くだけです。Sassのカラーマップで線形勾配を設定する方法

$color: (
    light: #444, 
    dark: #111, 
    cool: linear-gradient(#0005de, #12dfff) 
); 

注:私は、線形勾配

+0

'@includeてLinearGradient(#1 0005de、#12dfff);' –

+0

物事のカップルあなたのコードに間違いがあります。まず、変数 '$ color'を間違って定義した場合、コロンを省略しました。あなたのコードは '$ color' **:**'(...)でなければなりません。第二に、「明るい」と「暗い」の値は間違っています。色に16進値を使用する場合は、** 3 **または** 6 **のいずれかの文字を使用できますが、コードでは** 5 **を使用しましたが、最終的にはエラーが発生します。私はまた、線形引数関数で渡された色の引用符が必要であるとは思わない。 –

+0

@include linearGradient(#0005de、#12dfff)をどこに追加しますか? –

答えて

1

少し次のようになりますあなたのマップの設定を設定するにはどうすればよい

$color (
    light: #fefefe, 
    dark:  #333, 
    cool:  linear-gradient('#0005de', '#12dfff') 
) 

あなたはの回転を変更したい場合リニアグラデーションを使用する場合は、linear-gradient(45deg, #0005de, #12dfff)のような構文を使用する必要があります。また、#111は#444より暗い。

あなたがそうのようなマップ取得機能を使用する必要があります、プロパティ値として色を使用するには:

.selector { 
    background: map-get($color, cool); 
} 
+0

実際には、cool:linear-gradient(#0005de、#12dfff);のコードのエラー –

+0

ああ、私は私の間違いを発見しました。 'linear-gradient'の最後にはセミコロンを入れてはいけません。私はそこにいくつかの作業コードがあるように答えを編集します。 – govinski

関連する問題