css - SASS/Stylus - リストを動的に定義する

Question

SASS と Stylus を使い始めましたが、要素をリストにプッシュするのに問題があります。

例えば：

$names: adam john wynn mason kuroir

.photos
  @each $name in $names
    .photo-#{$name}
      background: image-url("avatars/#{$name}.png") no-repeat

$names既存の名前をすべて再指定せずに、自分の名前をリストに追加したい。出来ますか？

Answer 1

Stylus に相当するコマンドは次のとおりです。push()

names = (adam john wynn mason kuroir)

names = push(names, myname)

ここを参照してください http://learnboost.github.com/stylus/docs/bifs.html

Answer 2

Sassには次のappend方法があります：

例:

append(10px 20px, 30px) => 10px 20px 30px
append((blue, red), green) => blue, red, green
append(10px 20px, 30px 40px) => 10px 20px (30px 40px)
append(10px, 20px, comma) => 10px, 20px
append((blue, red), green, space) => blue red green

Answer 3

スタイラスペンでこれを実現する方法は次のとおりです。

names = (adam john wynn mason kuroir)

.photos
  for name in names
    .photo-{name}
      background: image-url("avatars/%s.png" % name) no-repeat

編集：私は質問を完全に誤解しました。スタイラスでもSASSでも、リストに追加する方法がわかりません。