RSS Feed/News Declaring icons via CSS oddities

[ENXF NET]

I haven't been able to isolate exactly WHY this happens, but I've got a rather unique issue with icons.

Given the following less:
Less:

.testicon {
    &:before {
        .m-faContent(@xf-var-life-ring);
    }
}

I can add that class to a nav item, and it'll attempt to render the icon, except the value of mask/-webkit-mask ends up being r-life-ring no-repeat center.

All the other appropriate CSS is there, it's just getting weird on the mask URL value.

Continue reading...