Links

The .p-link--external class should be used on hyperlinks that go to a different domain than the current one. E.g.:

View example of the external link pattern

Note: The p-link--external class makes use of the fairly new CSS Masks. For support in more browsers you should run your CSS through an autoprefixer before deploying.

The .p-link--soft class should be used on hyperlinks where many links are grouped together, such as a link cloud.

View example of the soft link pattern

The .p-link--strong class should be used on hyperlinks that require emphasis.

View example of the strong link pattern

The .p-link--inverted class should be used where links are placed on a dark background.

View example of the inverted link pattern

The .p-top link can be used to make it easier to go back to the top on long pages. If the page is divided into different sections, you can use more than one per page.

View example of the back to top pattern