Less for custom subforum icons (categories, pages, links)

xF2 Template Modification Less for custom subforum icons (categories, pages, links)

DareSec

Inforc3r
Staff member
Administrator
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,376
Points
523

Reputation:

DareDevil submitted a new resource:

Less for custom subforum icons (categories, pages, links) - custom subforum icons (categories, pages, links)

To change Font Awesome icons in subsections, just add such code to extra.less.

Less:
.m-subNodeLink-icons(@subNode-id; @readIcons; @unreadIcons: false; @faType: false) {
    .subNodeLink[href$=".@{subNode-id}/"] {
        &:before {
            & when (@faType = Brands) {
                .m-faBase('Brands');
            }

            .subNodeLink--forum&,
            .subNodeLink--category& {
                content: "\@{readIcons}";

                & when not (@unreadIcons = false)...

Read more about this resource...
 

billybobz

Active member
Registered
Joined
May 1, 2020
Messages
25
Points
13

Reputation:

What changes need to be made to get this compact method to work with regular nodes? Currently, I'm having to use 9 lines per set of icons. I attempted to use .NodeLink, but while there were no errors it didn't work. lol
Less:
//Accepted Reports
.node--forum.node--id14.node--read .node-icon i:before {
    content: "\f058";
    color: #bdbdbd
}
.node--id14.node .node-icon i:before {
    content: "\f058";
    color: #f4c374
}
 
Top