Hi
We are using T4 Blank BS5 1.1.7 together with 2.2.6 plugin and are experiencing a strange issue with 'a' elements that have 'btn' class:
- When inspecting this "button" the text has a color of 'a:hover, a:focus, a:active' elements (not white as it should be) e.g.
- When opening the link in this "button" (ctrl+click on the button then move mouse cursor away from the button) again the text has a color of 'a:hover, a:focus, a:active' elements (not white as it should be) e.g.
This issue applies to all 'a' elements with 'btn' class e.g. 'btn btn-primary' or 'btn btn-danger'.
The problem seems to be with 2 CSS selectors:
From 18.css (generated by T4 plugin):
a:hover, a:focus, a:active {
color: var(--body-link-hover-color);
}
From template.css (complied scss):
a:hover, a:focus, a:active {
color: #00679b;
}
When we disable both in a browser the problem goes away. This is very puzzling and shouldn't be happening. Could you, please, help?