New button style

[simurai]

This updates the buttons.

👀 Preview

It's probably not the final version, but maybe ok to start testing on dotcom.

TODO

• Replace colors
• Increase border radius
• Increase padding (only on the sides, height doesn't change)
• Move "components" variables out of colors.scss

TODO in a next phase

• Deprecate the .btn-blue button. It's rare, but still gets used.
• Maybe deprecate .social-count? Instead we could use a BtnGroup.
• Probably a few fixes and maybe some refactoring.

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/primer/primer-css/m32a59cdq
✅ Preview: https://primer-css-git-buttons.primer.now.sh

[simurai]

This is a new variable without the btn in the name that we might can use with inputs and other components.

[colebemis]

These look great 😍One thing: I noticed that the focus style for danger and outline buttons is hidden on hover:

[simurai]

I noticed that the focus style for danger and outline buttons is hidden on hover:

🙇 Thanks.. fixed:

I think on dotcom we have a script that removes :focus when clicking with the mouse. But still good to fix in case you switch from keyboard to mouse. 👍

[simurai]

Ok, I'm gonna go ahead and merge it into #1025 and start testing it on dotcom. Pretty sure we'll need to come back and make additional fixes/changes.