2

変数のリストで計算を実行して、別の変数のリストを生成することは可能ですか?

たとえば、CSS で使用したいすべてのメディア クエリを一覧表示したいとします...

$mediaQueries:
768,
1024
;

そして、これらすべての値を2倍にします...

$newMediaQueries:

@each $mediaQuery in $mediaQueries {
  $mediaQuery * 2
}

;

(私が実際にやりたいのは、この変数のリストの em バージョンを生成することですが、この例では数学を単純に保つと思いました)。

4

1 に答える 1

1

はい：

$mediaQueries: 768, 1024;

$newMediaQueries: ();

@each $mediaQuery in $mediaQueries {
  $newMediaQueries: append($newMediaQueries, $mediaQuery * 2);
}

秘訣は、空のリストを作成してから、古い値を繰り返し処理し、それらを新しいリストに追加することです。

デフォルトでは のようなリストを出力し1536 2048ますが、そのオプションを渡すことでカンマを使用できます:$newMediaQueries: append($newMediaQueries, $mediaQuery * 2, comma);

于 2013-04-13T23:21:32.710 に答える