aligning datagrid 1&2 styling

Hi all,   for a design system I need to align the CSS of datagrid 1 and 2 I'm almost there, but I need to make the sorting icons the same. the issue is that dg1 uses a unicode character <span class="mx-datagrid-sort-text">▲</span> and dg2 uses inline svg <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="long-arrow-alt-up" class="svg-inline--fa fa-long-arrow-alt-up fa-w-8" role="img" xmlns="" viewBox="0 0 256 512"><path fill="currentColor" d="M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z"></path></svg> they need to be changed to font awesome icon, and colors need to be changed.   does anybody have some smart SCSS to target both, and replace both?
0 answers