fractalのコンポーネントでpugを使う方法をメモ。
環境は以前投稿したgulpを使った環境をベースにします。
HOME > Pug
-
スタイルガイドジェネレーターの「Fractal」でpugを使用する
-
Pugでmixinを使用する
Pugでmixinを使用する方法をメモ。
-
PugでSVGを使用する
PugでSVGを使う時に少し迷ったのでメモ。
-
Pugでコンパイル後の内容をコメントアウトする
PugをコンパイルしたHTMLで、一部コードをコメントアウトしたい時に少し迷ったのでメモ。
-
Pugでタグの外にテキストを出力する
Pugでチェックボックスとテキストを並べて出力しようとしたときに少し迷ったのでメモ。
-
Pugとgulp-dataを使ってmetaの内容をjsonで管理する
gulp-dataを使って、Pugで使うmetaの内容をjsonで管理するようにしてみます。
-
Pugでコメントアウトをする
PugでHTMLにレンダリングされないコメントアウトを記述しようとして迷ったのでメモ。
-
Pugで条件分岐やループを使ってみる
Pugのテンプレート内でfor文やeach文、if文、switch文などを使ってみます。
-
Pugの基本的な記述方法
Pug設定後の、基本的な記述方法についてまとめてみます。
-
Pugで変数を使う
Pugのコード内で変数を使う方法をメモ。