anchor.diff:  p.
     There are also links available for traditional contact information.
   ul
  -  li #[code.docs-code .c-SocialList__Link--email]    (email address)
  -  li #[code.docs-code .c-SocialList__Link--phone]    (telephone number)
  -  li #[code.docs-code .c-SocialList__Link--homepage] (homepage / website)
  +  li #[code.docs-code .c-SocialList__Link--email]   (email address)
  +  li #[code.docs-code .c-SocialList__Link--phone]   (telephone number)
  +  li #[code.docs-code .c-SocialList__Link--explore] (homepage / website)
  +  li #[code.docs-code .c-SocialList__Link--phone_iphone] (mobile phone)
  
positive.code:     ul.o-List.o-Flex.c-SocialList.c-SocialList--speaker
        li.o-List__Item.o-Flex__Item.c-SocialList__Item
          span speaker hover:
          a.c-SocialList__Link.c-SocialList__Link--twitter.h-Block(href="#0")._hover
        li.o-List__Item.o-Flex__Item.c-SocialList__Item
          span speaker active:
          a.c-SocialList__Link.c-SocialList__Link--twitter.h-Block(href="#0")._active
    pre.docs-pre.
      &lt;ul class="o-List  o-Flex  #[u c-SocialList]  #[u c-SocialList--speaker]"&gt;
        &lt;li class="o-List__Item  o-Flex__Item  #[u c-SocialList__Item]"&gt;
  
negative.code:     ul.o-List.o-Flex.c-SocialList.c-SocialList--footer
        li.o-List__Item.o-Flex__Item.c-SocialList__Item
          span footer hover:
          a.c-SocialList__Link.c-SocialList__Link--email.h-Block(href="#0")._hover
        li.o-List__Item.o-Flex__Item.c-SocialList__Item
          span footer active:
          a.c-SocialList__Link.c-SocialList__Link--phone.h-Block(href="#0")._active
    pre.docs-pre.
      &lt;ul class="o-List  o-Flex  #[u c-SocialList]  #[u c-SocialList--footer]"&gt;
        &lt;li class="o-List__Item  o-Flex__Item  #[u c-SocialList__Item]"&gt;
  