Hello there,
Sorry for the long title, but I couldn't find a way to phrase it better.
Issue:
When one uses an anchor tag <a> with the class .btn in an alert, the button will be underlined and the color won't be the one from the class .btn.
Markup:
<div class="alert alert-info" role="alert">
<p class="alert-text">
This is a info alert with <a href="#">an example link</a>. Click me to delete
</p>
<div>
<a href="//google.com" class="btn btn-secondary">
I'm an a tag
</a>
</div>
</div>
How it looks:
How it should look:
Fix suggested:
In _alert.scss, replace line 10:
From:
a {
To:
a:not(.btn) {
I can't think of any potential issue with this fix, let me know what you think about it.
Thank you :)
Hello there, Sorry for the long title, but I couldn't find a way to phrase it better.
Issue:
When one uses an anchor tag
<a>
with the class.btn
in an alert, the button will be underlined and the color won't be the one from the class.btn
.Markup:
How it looks:
How it should look:
Fix suggested:
In
_alert.scss
, replace line 10:From:
To:
I can't think of any potential issue with this fix, let me know what you think about it. Thank you :)