is it somehow possible to use Ultima and Font Awesome (using PrimeNG), at the moment in the theme-XXXX.css I see:
Code: Select all
body .fa {
font-family: 'Material Icons';
....
}
Thanks for any ideas.
Code: Select all
body .fa {
font-family: 'Material Icons';
....
}
Code: Select all
/* line 1 */
:not([class*="fa-fontAwesome"]) {
&.fa-sort {@include icon-override("sort");}
&.fa-sort-asc {@include icon-override("keyboard_arrow_up");}
&.fa-sort-desc {@include icon-override("keyboard_arrow_down");}
&.fa-angle-up {@include icon-override("play_arrow"); @include rotate(-90deg);}
&.fa-angle-double-up { @include icon-override("skip_next"); @include rotate(-90deg);}
&.fa-angle-down {@include icon-override("play_arrow"); @include rotate(90deg);}
&.fa-angle-double-down {@include icon-override("skip_previous"); @include rotate(-90deg);}
&.fa-angle-right {@include icon-override("play_arrow");}
&.fa-angle-double-right {@include icon-override("fast_forward");}
&.fa-angle-left {@include icon-override("play_arrow"); @include rotate(180deg);}
&.fa-angle-double-left {@include icon-override("fast_rewind");}
&.fa-check {@include icon-override("check");}
&.fa-caret-up {@include icon-override("keyboard_arrow_up");}
&.fa-caret-down {@include icon-override("keyboard_arrow_down");}
&.fa-caret-right {@include icon-override("keyboard_arrow_right");}
&.fa-caret-left {@include icon-override("keyboard_arrow_left");}
&.fa-search {@include icon-override("search");}
&.fa-close {@include icon-override("close");}
&.fa-minus {@include icon-override("remove");}
&.fa-plus {@include icon-override("add");}
&.fa-check {@include icon-override("check");}
&.fa-info-circle {@include icon-override("info");}
&.fa-upload {@include icon-override("file_upload");}
&.fa-chevron-circle-left {@include icon-override("chevron_left");}
&.fa-chevron-circle-right {@include icon-override("chevron_right");}
&.fa-chevron-circle-down {@include icon-override("chevron_right"); @include rotate(90deg);}
&.fa-home {@include icon-override("home");}
&.fa-chevron-right {@include icon-override("chevron_right");}
&.fa-chevron-left {@include icon-override("chevron_left");}
&.fa-circle-o{@include icon-override("radio_button_unchecked");}
&.fa-dot-circle-o{@include icon-override("radio_button_checked");}
&.fa-arrow-circle-right {@include icon-override("play_circle_outline"); }
&.fa-arrow-circle-left {@include icon-override("play_circle_outline"); @include rotate(180deg);}
&.fa-calendar { @include icon-override("date_range"); }
&.fa-arrow-down{ @include icon-override("arrow_downward"); }
&.fa-arrow-up { @include icon-override("arrow_upward"); }
}
...
.fa-fontAwesome.fa, .fa-fontAwesome .fa {
font-family: 'FontAwesome';
}
Code: Select all
<button type="button" label="Material Home Icon" icon="fa-home" pButton></button>
<button type="button" label="FontAwesome Home Icon" icon="fa-fontAwesome fa-home" pButton></button>
Code: Select all
.fa-fontAwesome.fa, .fa-fontAwesome .fa {
font-family: 'FontAwesome';
}
Users browsing this forum: No registered users and 2 guests