anchor.diff:              .o-GoldenContainer__Content.h-demo
                 h1.normh1 Content
                 p.
  -                Sometimes you may have objects <em>inside</em> the Content that you wish to make
  +                Sometimes you may have objects #[em inside] 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.
  
positive.code: doctype html
  html(lang="en", xmlns="http://www.w3.org/1999/xhtml")
    head
      title Objects &in; Site Design</title>
      meta(charset="utf-8")
      link(rel="stylesheet" href="../../styles/chharvey.css")
      style.
  
negative.code:                 Even though it is a child of __Content, it appears like material
                  in a __Sidebar--minor.
        section#o-Textbox
          h2 The #[code .o-Textbox] Object
          p.
            The following is an #[code .o-Textbox]:
            #[span.o-Textbox.h-demo here I am!]
            Textboxes are inline text only.
        section#o-ListBare
          h2 The #[code .o-ListBare] Object
          p.o-Box.o-Box--island.c-Alert.c-Alert--help.
            #[strong.c-Alert__Title Note:]
            On all lists below, outlines have been added to each line item to show structure.
          p.
            Bare list Objects are semantically no different from normal Lists,
            except that they are displayed without any padding or list styles.
            Use this Object for any list of non-textual elements, for example,
            a list of links in a navigation menu.
          p Every item in the list should be a #[code .o-ListBare__Item] Object.
          figure
            ul.o-ListBare
              li.o-ListBare__Item.h-demo .o-ListBare &gt; .o-ListBare__Item
              li.o-ListBare__Item.h-demo .o-ListBare &gt; .o-ListBare__Item
              li.o-ListBare__Item.h-demo .o-ListBare &gt; .o-ListBare__Item
        section#o-ListInline
          h2 The #[code .o-ListInline] Object
          p.o-Box.o-Box--island.c-Alert.c-Alert--help.
            #[strong.c-Alert__Title Note:]
            On all lists below, outlines have been added to each line item to show structure.
          p.
            Inline list Objects are semantically no different from normal Lists.
            Stylistically, though, they are displayed inline and have inline line items. Essentially,
            they can be used for listing words, spans, labels, badges, and other inline content.
            Wrap this Object in a block if necessary.
          p Every item in the list should be a #[code .o-ListInline__Item] Object.
          figure
            ol.o-ListInline
              li.o-ListInline__Item.h-demo .o-ListInline &gt; .o-ListInline__Item
              li.o-ListInline__Item.h-demo .o-ListInline &gt; .o-ListInline__Item
              li.o-ListInline__Item.h-demo .o-ListInline &gt; .o-ListInline__Item
              li.o-ListInline__Item.h-demo Use the #[code .h-newline] Helper to
              li.o-ListInline__Item.h-demo.h-newline create a line break
              li.o-ListInline__Item.h-demo between Items.
              li.o-ListInline__Item.h-demo Use #[code .h-p-newline] to
              li.o-ListInline__Item.h-demo.h-p-newline do the same
              li.o-ListInline__Item.h-demo for #[code @media print] only.
          p.
            The following #[code .o-ListInline] has comma-separated list items.
            Use this for a list of keywords, for example.
          figure
            ol.o-ListInline
  