Merhaba arkadaşlar,

konu ön eklerine icon ekleyip daha hoş görünüme kavuşturmak istedim fakat bir türlü ikonları ekleyemiyorum.

Extra less'e yazdığım kodlar sırasıyla ;

font-family:'Font Awesome 5 Pro';

<xf:comment> ONEK CSS Tanimi </xf:comment>.rc_onek {    color: rgba(255,255,255,0.8);    border-radius: 2px;    display: inline-block;    position: relative;    font-size: 90%;    padding: 0 5px 0 32px;    cursor: pointer;    font-size: 80%;    font-weight: normal;    &:before {        background-color: rgba(0, 0, 0, 0.2);        position: absolute;        border-top-right-radius: 40px;        border-right: 2px solid rgba(0, 0, 0, 0.1);        top: 0;        bottom: 0;        left: 0;        padding: 2px 4px 0 2px;        width: 20px;        font-family: FontAwesome;        text-align: center;    }}<xf:comment> SATILIK ONEK CSS Tanimi </xf:comment>.satilik {    background-color: #b2b2b2;}.satilik:before {    content: "f155";}

.satilik {    background-color: #b2b2b2;}

.satilik:before {    content: "f155";}

Konuyu seçtikten sonra ki görünümü ;

Konuyu seçerken ki görünümü ;
Niye böyle yapıyor anlamadım arkadaşlar, yardımcı olacaklara teşekkür ederim.