anchor.diff: +mixin slide
  +  section(data-bespoke-backdrop='emphatic')
  +    if block
  +      block
  +
   doctype html
   html
     head
  
positive.code:               bullets('li, .bullet')
              ]);
  
        section(data-bespoke-hash='named-route')
          h2 Named Route
          h3 Powered by <a href="https://github.com/markdalgleish/bespoke-hash">bespoke-hash</a>
          p Look up! This route has been named with a <em>'data-bespoke-hash'</em> attribute.
  
        section.emphatic-text(data-bespoke-backdrop='emphatic')
          h2 Emphatic Slide!
          h3 Powered by <a href="https://github.com/markdalgleish/bespoke-backdrop">bespoke-backdrop</a>
  
        section
          h2.bullet Just the beginning...
          br
          ul
  
negative.code: 
      link(rel='stylesheet', type='text/css', href='build/build.css')
  
    body(cz-shortcut-listen="true")
  
      article
  
        +slide
          h1 Webpack
  
        +slide
          h2 Keyboard Interaction
          h3 Powered by <a href="https://github.com/markdalgleish/bespoke-keys">bespoke-keys</a>
  
        +slide
          h2 Touch Interaction
          h3 Powered by <a href="https://github.com/markdalgleish/bespoke-touch">bespoke-touch</a>
  
        +slide
          h2 Responsive Slides
          h3 Powered by <a href="https://github.com/markdalgleish/bespoke-scale">bespoke-scale</a>
  
        +slide
          h2 Bullet List
          h3.bullet Powered by <a href="https://github.com/markdalgleish/bespoke-bullets">bespoke-bullets</a>
          ul
  