anchor.diff:              span.o-progress__bar-label.sr-only 80% Complete
           .styleguide-code
             p this will be code
  +      h1 Pagination
         div.styleguide-objects.pagination
  -        h1 Pagination
           ol.o-nav.o-pagination
             li.o-pagination__first
  -            a(class='o-btn' href='') First
  -          li
  -            a(class='o-btn' href='') 1
  -          li
  -            a(class='o-btn' href='') 2
  -          li
  -            a(class='o-btn +active' href='') 3
  -          li
  -            a(class='o-btn' href='') 4
  -          li
  -            a(class='o-btn' href='') 5
  +            a(class='o-btn' href='/') First
  +          li
  +            a(class='o-btn' href='/') 1
  +          li
  +            a(class='o-btn' href='/') 2
  +          li
  +            a(class='o-btn +active' href='/') 3
  +          li
  +            a(class='o-btn' href='/') 4
  +          li
  +            a(class='o-btn' href='/') 5
             li.o-pagination__last
  -            a(class='o-btn' href='') Last
  +            a(class='o-btn' href='/') Last
           .styleguide-code
             p this will be code
           ul.o-nav.o-pagination
             li.o-pagination__first
  -            a(href='') First
  +            a(href='/') First
             li.o-pagination__prev
                a(href='/') Previous
             li
  -            a(href='') 1
  +            a(href='/') 1
             li
               a(href='/page/2') 2
             li.current
  
positive.code:           i(class='o-icon  +feather-ellipsis')
          .styleguide-code
            p this will be code
          h3.styleguide-title--sub Font Icons - Sizes
          div
            i(class='o-icon  --large  --natural  +octicons-alert')
            i(class='o-icon  --larger  +octicons-alert')
            i(class='o-icon  --largest  +octicons-alert')
            i(class='o-icon  --jumbo  +octicons-alert')
        div.styleguide-objects.group-buttons
          h1 Group Buttons
          .o-btn-group(role='group', aria-label='...')
            button.btn.btn-default(type='button') Left
            button.btn.btn-default(type='button') Middle
            button.btn.btn-default(type='button') Right
          .o-btn-group(role='group', aria-label='...')
            button.o-btn(type='button') Left
            button.o-btn(type='button') Middle
            button.o-btn(type='button') Right
          .o-btn-group(class="rounded" role='group', aria-label='...')
            button.o-btn(type='button') Left
            button.o-btn(type='button') Middle
            button.o-btn(type='button') Right
          .o-btn-toolbar(role='toolbar', aria-label='Toolbar with button groups')
            .o-btn-toolbar__group(role='group', aria-label='First group')
              button.o-btn(type='button') 1
  
negative.code:           p this will be code
          div.o-this-or-this
            p(class='o-this-or-this__cols  +u-two-fifths')
              a(href='#') Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            span(class='o-this-or-this__cols  +u-one-fifth')
              | or
            p(class='o-this-or-this__cols  +u-two-fifths')
              a(href='#') Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
          .styleguide-code
            p this will be code
        h1 Stat Group
        div.styleguide-objects.stat-group
          .o-stat-group
            dl.o-stat
              dt.o-stat__title Tweets
  