anchor.diff:              a(class='o-btn  +active' href='https://twitter.com') Tab 2
             li
               a.o-btn(href='http://www.unvisted.io') Tab 3
  +        br
           .styleguide-code
             p code here
         h1 Hamburger
  
positive.code:       div.styleguide-objects.options
          ul.o-options
            li
              a hello
            li
              a hello
            li
              a hello
          .styleguide-code
            p code here
        h1 Tables
        div.styleguide-objects.tables
          h3.styleguide-title--sub Table
          table(class='o-table  --rwd  --striped')
            colgroup
              col.column1
              col.columns2plus3(span='2')
            tbody
              tr
                th Lime
                th Lemon
                th Orange
              tr
                td Green
                td Yellow
                td Orange
          .styleguide-code
            p code here
          h3.styleguide-title--sub Table
          table(class='o-table  --rwd')
            tr
              th First name
              th Last name
            tr
              td John
              td Doe
            tr
              td Jane
              td Doe
          .styleguide-code
            p code here
          h3.styleguide-title--sub Table
          table(class='o-table  --hover  --bordered  --data')
            tr
              th First name
              th Last name
            tr
              td John
              td Doe
            tr
              td Jane
              td Doe
          .styleguide-code
            p code here
          h3.styleguide-title--sub Table
          table(class='o-table  --hover  --bordered')
            tr
              th First name
              th Last name
            tr
              td John
              td Doe
            tr
              td Jane
              td Doe
          .styleguide-code
            p code here
          h3.styleguide-title--sub Table
          table(class='o-table  --hover')
            tr
              th First name
              th Last name
            tr
              td John
              td Doe
            tr
              td Jane
              td Doe
          .styleguide-code
            p code here
          h3.styleguide-title--sub Table
          table.o-table
            tr
              th First name
              th Last name
            tr
              td John
              td Doe
            tr
              td Jane
              td Doe
          .styleguide-code
            p code here
        h1 Link Complex
  
negative.code:         p(class='+u-text-center') Lorem ipsum dolor sit amet.
          p(class='+u-text-right') Lorem ipsum dolor sit amet.
          p(class='+u-text-justify') Lorem ipsum dolor sit amet.
  
        h1 Text-level semantics
        div.styleguide-base.typography
          p
  