anchor.diff:          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 Utility Transform Classes
  -      div.styleguide-base.typography
  -        p(class='+u-text-lowercase') Lorem ipsum dolor sit amet.
  -        p(class='+u-text-uppercase') Lorem ipsum dolor sit amet.
  -        p(class='+u-text-capitalize') Lorem ipsum dolor sit amet.
  +
         h1 Text-level semantics
         div.styleguide-base.typography
           p
  
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 code here
        div.styleguide-objects.buttons
          h1 Buttons
          a(class='o-btn  --small', href='/') Google
          a(class='o-btn  --large', href='/') Google
          a(class='o-btn  --huge', href='/') Google
          a(class='o-btn  --full', href='/') Google
          a(class='o-btn  --alpha', href='/') Google
          a(class='o-btn  --beta', href='/') Google
          a(class='o-btn  --gamma', href='/') Google
          a(class='o-btn  --natural', href='/') Google
          a(class='o-btn  --inactive', href='/') Google
          a(class='o-btn  --round', href='/') Google
          a(class='o-btn  +rounded', href='/') Google
          a(class='o-btn  +positive', href='/') Google
          a(class='o-btn  +negative', href='/') Google
          .styleguide-code
            p code here
        h1 Figure
  