Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

pugでmixinを使いリンクリストめいたものをだす

pugでmixinを使いリンクリストめいたものをだす方法です。
mixinはテンプレートみたいなもんです。

実際のところ

Idで内部リンクするような事例の場合、
以下のような書き方でいけます。

      mixin link-block
        .container
          .row
            .col-xs-12
              a(href=arguments[0], data-role='button')=arguments[1]
              
      +link-block("#page3", "りんご")
      +link-block("#page4", "ごりら")
      +link-block("#page5", "らっぱ")
      +link-block("#page6", "ぱいなっぷる")
      +link-block("#page7", "(がんば)るびぃ")

参考もと

Mixins – Pug