anchor.diff:  
       link(rel='stylesheet', type='text/css', href='build/build.css')
   
  -  body
  +  body(cz-shortcut-listen="true")
   
       article
   
  -      section
  +      +slide
           h1 Webpack
   
  -      section
  +      +slide
           h2 Keyboard Interaction
           h3 Powered by <a href="https://github.com/markdalgleish/bespoke-keys">bespoke-keys</a>
   
  -      section
  +      +slide
           h2 Touch Interaction
           h3 Powered by <a href="https://github.com/markdalgleish/bespoke-touch">bespoke-touch</a>
   
  -      section
  +      +slide
           h2 Responsive Slides
           h3 Powered by <a href="https://github.com/markdalgleish/bespoke-scale">bespoke-scale</a>
   
  -      section
  +      +slide
           h2 Bullet List
           h3.bullet Powered by <a href="https://github.com/markdalgleish/bespoke-bullets">bespoke-bullets</a>
           ul
  
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: mixin slide
    section(data-bespoke-backdrop='emphatic')
      if block
        block
  
  doctype html
  html
    head
  