I'm using this
But
.m-faBase(@faWeight-solid);
doesn't do anything and I'm getting an outlined star rather than a solid one. How do I get a solid one, please?
Thanks
Code:
&.userBanner--avfpatron2 {
.m-userBannerVariation(white, #9d2362);
a {
color: #fff;
}
&:before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
margin-right: 4px;
vertical-align: -0.125em;
background-color: currentColor; // icon colour follows text colour
-webkit-mask: url('@{xf-publicPath}/styles/avf/patreon.svg') no-repeat 50% 50%;
mask: url('@{xf-publicPath}/styles/avf/patreon.svg') no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
}
&:after {
.m-faBase(@faWeight-solid);
.m-faContent(@fa-var-star);
padding-left: 4px;
}
}
.m-faBase(@faWeight-solid);
doesn't do anything and I'm getting an outlined star rather than a solid one. How do I get a solid one, please?
Thanks