anchor.diff:            div.h-demo.o-Box.o-Box--dialog .o-Box.o-Box--dialog
             div.h-demo.o-Box.o-Box--hero   .o-Box.o-Box--hero
         section#o-FlexContainer
  -        h2 The <code>.o-FlexContainer</code> Object
  +        h2 The #[code .o-FlexContainer] Object
           .o-FlexContainer
             p.
               You are reading inside a FlexContainer right now.
  -            See my article <a href="../../blog/layout.html"><b>The FlexContainer Object</b></a>.
  +            See my article #[a(href="../../blog/layout.html") The FlexContainer Object].
         section#o-GoldenContainer
  -        h2 The <code>.o-GoldenContainer</code> Object
  -        p.
  -          See my article <a href="../../blog/griddemo.html">griddemo.html</a> for docs on
  +        h2 The #[code .o-GoldenContainer] Object
  +        p.
  +          See my article #[a(href="../../blog/griddemo.html") griddemo.html] for docs on
             the GoldenContainer object.
  -        p The following is a <code>.o-GoldenContainer</code> Object, containing 3 children:
  +        p The following is a #[code .o-GoldenContainer] Object, containing 3 children:
           ul
  -          li a <code>.o-GoldenContainer__Content</code> Object
  -          li a <code>.o-GoldenContainer__Sidebar.o-GoldenContainer__Sidebar--major</code> Object
  -          li a <code>.o-GoldenContainer__Sidebar.o-GoldenContainer__Sidebar--minor</code> Object
  +          li a #[code .o-GoldenContainer__Content] Object
  +          li a #[code .o-GoldenContainer__Sidebar.o-GoldenContainer__Sidebar--major] Object
  +          li a #[code .o-GoldenContainer__Sidebar.o-GoldenContainer__Sidebar--minor] Object
           form
             p
               input#check-flip(type="checkbox" name="flip" value="flip")
  -            label(for="check-flip") Add class <code>.o-GoldenContainer--flip</code> ?
  +            label(for="check-flip") Add class #[code .o-GoldenContainer--flip] ?
           figure
             .o-GoldenContainer.h-demo(style="margin-bottom:18rem;")
               .o-GoldenContainer__Content.h-demo.
  
positive.code:             .o-GoldenContainer__Content.h-demo
                h1.normh1 Content
                p.
                  Sometimes you may have objects <em>inside</em> the Content that you wish to make
                  appear as a sidebar or as if it weren&rsquo;t in the Content.
                .o-GoldenContainer__Content__Page.
                  This is a .o- GoldenContainer __Content __Page.
  
negative.code: doctype html
  html(lang="en", xmlns="http://www.w3.org/1999/xhtml")
    head
      title Objects &in; Site Design
      meta(charset="utf-8")
      link(rel="stylesheet" href="../../styles/chharvey.css")
      style.
  