i {
line-height: 1;
font-size: 1rem;
color: var(--kt-text-muted);
}
i[class] {
line-height: 1;
font-size: 1rem;
color: var(--kt-text-muted);
}
.gender-male { color: var(--gender-male); }
.gender-female { color: var(--gender-female); }
.gender-male { color: var(--gender-male) !important; } /*FIXME v8.1.4*/
.gender-female { color: var(--gender-female) !important; } /*FIXME v8.1.4*/
.fa-2x { font-size: 2em !important; } /*FIXME v8.1.4*/
<span>John Doe<i class="fa fa-male fa-2x gender-male me-1"></i>Male 55y</span>
src/sass/components/helpers/_text.scss
:i {
...
}
// Icons
i {
&.bi,
&[class^="fonticon-"],
&[class*=" fonticon-"],
&[class^="fa-"],
&[class*=" fa-"],
&[class^="la-"],
&[class*=" la-"] {
line-height: 1;
font-size: 1rem;
color: var(--kt-text-muted);
}
}