Stylus ループ中に配列から値を取得する際に気をつけること - かもメモ
Stylusでループ中に配列から値をとってCSSを作ろうとした時にちょっとハマったのでメモ。 Stylusで配列から値をとって使う方法 // stylusの配列はの中にスペース区切りで書く colors = red blue yellow for i in (0..2) .font-color-{i} color: colors[i] 配列の定義は( )で囲って中にスペース区切りで記述してもOK colors = (red blue yellow) ( )で囲ったほう個人的には見やすい 配列の定義でエラーになるケース javascriptみたい[]で囲ったり,区切りにするとエラーになる // javascript みたいに配列を定義するとエラー colors = [red, blue, yellow] // => ERROR expected "]", got "," // [ ] で囲っ
5330
Stylus の公式サイトを軽く流し見したところ、Sass で気になっていたところが結構解決できそうな感じだったので Basis を Sass から Stylus に書き直してみました。 Sass から Stylus に書きなおすときのポイント 構文 Stylus は : や {}、, を省略してインデントベースで CSS を書くことができます。僕は Sass は Scss 構文しか知らないのですが、Sass 本来の構文だと似たような感じで書けるのですかね？ちなみに僕は混乱しそうだったので省略せずに書きました。 body font-family sans-serif; font-weight normal; 変数 Sass は変数の宣言が CSS のプロパティの記述に似ていて:で定義しますが、Stylus の場合はプログラミング言語チックに = で代入します。 // Sass $gutte
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stylus入門したときのまとめ - Qiita
