タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

Stylusに関するbokuwebのブックマーク (1)

  • Stylusのあまり知られていない機能 - メモを揉め

    というより、自分が最近知った機能。 ハッシュをCSSのプロパティ名と値に展開できる Stylusではハッシュが使えます。 シンタックスはJSのオブジェクトリテラルとほぼ同じですが、Stylusのnodeをそのまま値に使用できる点が違います。 以下のように、値に10pxと書いてもvalidです。 foo = { width: 10px } // JSと同じようにアクセスできる bar = foo.width bar = foo['width'] // 代入もできる foo.height = 20px foo['height'] = 20px ハッシュを{foo}のようにブレースで囲むと、ハッシュのキーバリューがそのままStylusとして解釈され、CSSのプロパティと値に展開されます。 ハッシュがネストになっている部分は、Stylusのネスト(インデント)として解釈されるので、以下のように&は

    Stylusのあまり知られていない機能 - メモを揉め
  • 1