anchor.diff:        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
  +  section#text-level-components
       h2 Text-Level Components
  -    section#c-Key
  -      h3 The #[code .c-Key] Component
  +    section#key-component
  +      h3 The 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]
  
positive.code: block append vars
    - titles.push('UI Components')
  
  block append main
    p These are components of a user-interactive nature.
    section#c-Alert
      h2 The #[code .c-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.
  
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.
  