SCSS Location: /styles/scss/partial/_social.scss
  • Status: Design
  • Status: Development
  • Status: Documentation


A list of Social icon buttons that appear in the site footer, but can be added to other locations such as Hero Sections and Sticky Sections.


When a white background is required, add the class, social__list--inverse to the .social__container.

When appearing in the hero section, which will typically have a background image, add the class, social__container--hero to the .social__container. This variation does not include the ribbon styles.

The Social Share component can be vertically oriented by adding .social__container--vertical classes to the .social__container.


Simply links to the associated services page for this account.