anchor.diff:  block append vars
     - titles.push('UI Components')
   
  +block append main__header
  +  p These are components of a user-interactive nature.
  +  nav#table-contents
  +    h2 Table of Contents
  +    ol
  +      li: a(href="#table-contents") Table of Contents
  +      li: a(href="#alert-component") The Alert Component
  +      li: a(href="#label-component") The Label Component
  +      li: a(href="#badge-component") The Badge Component
  +      li
  +        a(href="#text-level-components") Text-Level Components
  +        ol
  +          li: a(href="#key-component") The Key Component
  +
   block append main
  -  p These are components of a user-interactive nature.
  -  section#c-Alert
  -    h2 The #[code .c-Alert] Component
  +  section#alert-component
  +    h2 The Alert Component
       p.
         The Alert Component builds off the Box Object, so you must include #[code o-Box] in the class attribute.
         Subclasses of the Alert Component determine specific types of Alerts.
  
positive.code:       p Example p with a .o-Textbox.c-Badge.c-Badge--skss. #[small.o-Textbox.c-Badge.c-Badge--skss 16]
        p Example p with a .o-Textbox.c-Badge.c-Badge--info. #[small.o-Textbox.c-Badge.c-Badge--info 256]
        p Example p with a .o-Textbox.c-Badge.c-Badge--help. #[small.o-Textbox.c-Badge.c-Badge--help 65,536]
    section#text-level
      h2 Text-Level Components
      section#c-Key
        h3 The #[code .c-Key] Component
        p.
          Use #[code .o-Textbox.c-Key] to represent
          a #[span.o-Textbox.c-Key button] or #[span.o-Textbox.c-Key key]
  
negative.code:       p.o-Box.c-Alert.c-Alert--skss #[strong.c-Alert__Title Success &#x263a;] You have successfully completed the task as intended.       (.o-Box.c-Alert.c-Alert--skss) Use .c-Alert__Link to include a #[a.c-Alert__Link(href="") proper link].
        p.o-Box.c-Alert.c-Alert--info #[strong.c-Alert__Title Info    &#x003f;] This is some more information about a thing.                (.o-Box.c-Alert.c-Alert--info) Use .c-Alert__Link to include a #[a.c-Alert__Link(href="") proper link].
        p.o-Box.c-Alert.c-Alert--help #[strong.c-Alert__Title Help    &#x2665;] Here are some hints and tips for you. You&rsquo;re welcome. (.o-Box.c-Alert.c-Alert--help) Use .c-Alert__Link to include a #[a.c-Alert__Link(href="") proper link].
    section#label-component
      h2 The Label Component
      p.
        The Label Component builds off the Textbox Object, so include the #[code .o-Textbox] class.
        Subclasses add skins.
  