Bootstrap 4 outline button styles are not respected when following official syntax
Summary
When trying to create Bootstrap 4 Outline Buttons on any page on GitLab with official syntax <button type="button" class="btn btn-outline-primary">Primary</button>
, button is not rendered as expected and appears as normal button. Refer to DevTools screenshot of end result below;
Steps to Reproduce
- Go to any view within GitLab
- Add
<button type="button" class="btn btn-outline-primary">Primary</button>
in HAML - Refresh the view in browser and notice how button appears.
Possible Cause
This issue is happening as button styles are being overridden in app/assets/stylesheets/framework/buttons.scss#L134
causing properties to get priority over default Bootstrap styling.