Do not override is-rounded with button-small. Fixes #3163.

[raineorshine]

This is a bugfix for #3163.

Proposed solution

button-small currently assumes the button is not rounded and overrides its border-radius from $radius to $radius-small. This is not valid however if is-rounded is applied to the button.

This PR adds &:not(.is-rounded) to avoid this. This solution is preferable to #3164 which uses !important.

Tradeoffs

None

Testing Done

Tested with the following code:

<p>This button should be small and rounded:</p>
<div class="buttons are-small">
  <button class="button is-rounded">Hello</button>
</div>

Bulma v0.9.1 incorrectly renders the button not rounded. Test and confirmed that this PR causes the button to be correctly rendered small and rounded.

Changelog updated?

No.

[jgthms]

Thanks, I like this solution.