Adding Font Awesome Icons to Sidebar Widgets and More

Add extra.less to the template.

.block {
    h3:before {
        display: inline-block;
        .m-faBase();
        padding-right: 3px;
    }

    &[data-widget-section="staffMembers"] {
        h3 {
            .m-faBefore("\f0e3");
        }
    }

    &[data-widget-section="onlineNow"] {
        h3 {
            .m-faBefore("\f007")
        }
    }

    &[data-widget-definition="new_profile_posts"] {
        h3 {
            .m-faBefore("\f086")
        }
    }

    &[data-widget-definition="forum_statistics"] {
        h3 {
            .m-faBefore("\f080")
        }
    }

    &[data-widget-definition="share_page"] {
        h3 {
            .m-faBefore("\f14d")
        }
    }

    &[data-widget-definition="find_member"] {
        h3 {
            .m-faBefore("\f002")
        }
    }

    &[data-widget-definition="newest_members"] {
        h3 {
            .m-faBefore("\f234")
        }
    }

    &[data-widget-definition="birthdays"] {
        h3 {
            .m-faBefore("\f1fd")
        }
    }

    &[data-widget-definition="xfrm_new_resources"] {
        h3 {
            .m-faBefore("\f187")
        }
    }

    &[data-widget-definition="xfrm_top_resources"] {
        h3 {
            .m-faBefore("\f091")
        }
    }

    &[data-widget-definition="xfrm_latest_reviews"] {
        h3 {
            .m-faBefore("\f005")
        }
    }

    &[data-widget-key="xfrm_overview_top_authors"] {
        h3.block-minorHeader {
            .m-faBefore("\f201")
        }
    }
}