Bug: Borders are not working in Firefox

[guastallaigor]

This bug was founded by @juanpablolvl99. I tested it myself and it is happening.

Describe the bug
Pixelated borders are not working in Mozilla Firefox in the develop branch.

To Reproduce
Steps to reproduce the behavior:

1. Clone the repository;
2. Run npm install;
3. Run npm run build;
4. Run npm run storybook;
5. Click in the Inputs or Buttons or Selects or Textareas or Progress menu inside the sidebar;
6. You will be able to see that the borders are not showing, even if you change the options to is-success, or is-warning or is-error;

Expected behavior
The borders are pixelated and when I click an option it changes the color.

Screenshots

Environment:

• OS: Ubuntu 16.04
• Browser: Firefox Developer Edition 65.0b11 (64-bit) / Firefox Quantum 64.0 (64-bit) (test it on both)
• Build environment Node v10.15.0

Suggestion(s) for fixing this issue
Maybe the border-image property does not work in Firefox?

Additional context
In master this is not happening in any of the browsers.

[BcRikko]

Maybe this is related to #234

bug	???

I don't know why but it seems that it will not be working when using HEX color codes. 🤔

[BcRikko]

WooHoo, I got it!! 🎉
I'll create Pull Request later. 👍

fill="rgb(#{red($color)}, #{green($color)}, #{blue($color)})"

// I could not use 'rgba' function. Because like this:
rgba(#ff0000, 1.0) -> #ff0000

[BcRikko]

🎉 This issue has been resolved in version 2.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀