Remove a-link--icon-before-text and a-link--icon-after-text

[anselmbradford]

Jump links required both the a-link--jump and a-link--icon-after-text (or a-link--icon-before-text) modifiers to correctly layout with an icon. However, using flexbox we can have these links correctly layout whether or not they have an icon and whether or not it's on the left or right-hand side.

Removals

• Remove a-link--icon-before-text and a-link--icon-after-text

Changes

• Convert Jump Links to use flexbox.

Testing

1. Visit https://deploy-preview-1987--cfpb-design-system.netlify.app/design-system/components/links and check out the jump links across screen sizes.

Screenshots

[netlify]

✅ Thanks for the improvements! Browse a preview of your changes using the link below.

Name	Link
🔨 Latest commit	c557ed9
🔍 Latest deploy log	https://app.netlify.com/sites/cfpb-design-system/deploys/6657a517d312050008f35e6d
😎 Deploy Preview	https://deploy-preview-1987--cfpb-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[wpears]

Cool. Love these little changes that shave off the cruft

[anselmbradford]

I realized this won't work out if we have a jump link that has an external icon, but I'll merge this and then open a follow up PR that handles that case and does some other cleanup.