css - コンパスを使用した複数の背景グラデーション

Question

コンパスを使用して複数の背景グラデーションをどのように記述しますか? ドキュメントは、一度に 1 つのグラデーションを記述する例のみを示しており、2 年以上前に静かになった Google グループ ディスカッションを除いて、グーグルでそれについて何も見つけることができません! グラデーションを重ねることは非常に一般的な方法なので、それを行う方法があるに違いありません。

Answer 1

次のように記述します。

div{
  @include background( linear-gradient(top left, #333, rgba(1,1,1, .3)),
                       radial-gradient(#c00, #fff 100px));
}

ソース: http://compass-style.org/reference/compass/css3/images/

(醜いが機能する) 例: http://codepen.io/nobitagit/pen/cFjkv