On one hand, bootstrap buttons without a variant (so with only class=".btn") do not have a text color set, they just inherit it. On the other hand however, bootstrap buttons without a variant have a color set on hover and focus states: @btn-default-color (for some reason)
As far as I understand, bootstrap buttons are supposed to have a variant to be styled properly. This is done this way because bootstrap (and we) do not want to support five extra variables for button-hover-color . Here is the code reference.
The official doc of bootstrap 3.4 does not explain how to use the classes exactly (i.e. it doesn't rule out using `.btn` by itself), but all the examples always also contain a `.btn-<something>` class.
As far as I understand, this is a case of the user needing a custom style for the button (different from the 5 that are supported via bootstrap classes). IMO it's alright to expect the user to also custom style the hover effect OR not use the `.btn` class to get some styles OR also use the `.btn-default` class and add upon it.
On this screenshot, I used the Iceberg default theme, with an updated `@btn-default-bg` and `@btn-default-color`. We can see that those button look similar to btn-default, but they do not follow their style. It's an issue in itself because a user would expect these buttons to change when updating their theme.
The core issue here for XS code is that the button styles are hard-coded.
In order to fix this, small style improvements on this example are needed.
This message was sent by Atlassian Jira (v9.3.0#930000-sha1:287aeb6)
If image attachments aren't displayed, see this article.
