Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI 
Font awesome stacking
Hi Support,
please consider changing the marked lines below in _text.scss, because it kills Font Awesome stacking, sizing and colouring feature:
<span class="fa-stack fa-2x">
<i class="fa-solid fa-square fa-stack-2x"></i>
<i class="fa-solid fa-terminal fa-stack-1x fa-inverse"></i>
</span>
i {
&.bi,
&[class^="fonticon-"],
&[class*=" fonticon-"],
* &[class^="fa-"],
* &[class*=" fa-"],
&[class^="la-"],
&[class*=" la-"] {
line-height: 1;
font-size: 1rem;
color: var(--#{$prefix}text-muted);
}
}
Replies (1)
Hi,
Thanks for your feedback. We will fix this in the next update v8.2.9 in a few days.
In the meantime you can disable this by editing helpers/_text.scss as below:
i {
&.bi,
&[class^="fonticon-"],
&[class*=" fonticon-"],
&[class^="la-"],
&[class*=" la-"] {
line-height: 1;
font-size: 1rem;
color: var(--#{$prefix}text-muted);
}
}After updating this you will need to recompile it using gulp or webpack.
Regards,
Sean
