0

Ultimate CSS Gradient Generatorに従って、CSS 背景グラデーションを生成する mixin を作成しています。

ミックスインは次のようになります。

@mixin gradient-2-colors($color-1, $color-1-pos, $color-2, $color-2-pos) {
  background: -moz-linear-gradient(top, $color-1 $color-1-pos, $color-2 $color-2-pos);
  ... [OTHER BROWSER-SPECIFIC ENTRIES]...
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-1', endColorstr=\'$color-2\',GradientType=0 );
}

$color-1instartColorstr='$color-1'が変数として解析されていないため、最後のエントリで問題が発生しています。mixin のこのコンポーネントをエスケープして、変数を引用符内で機能させるにはどうすればよいですか?

4

1 に答える 1

1

補間を使用:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color-1}', endColorstr=\'#{$color-2}\',GradientType=0 );
于 2013-05-21T22:20:35.850 に答える