Home › Forums › Other › svg icon unordered list › Reply To: svg icon unordered list
July 26, 2014 at 1:41 pm
#176547
marek
Participant
Sorry if it was not clear what I was asking.
I have recently designed a lot of landing pages. I make them responsive, and I also like to change font size with media queries.
Bullet points are important element of landing pages so I use svg icons like check marks to draw more attention to them.
this is the scss code I use
.icon-list li{
list-style-type: none;
&:before {
font-family: 'fontello';
display: inline-block;
font-size: 1em;
line-height: 0;
margin-left: - 1.5em;
width: 1.5em;
color: $primary-color;
content: '\e800';
}
}
this works good for different font sizes.
with list-style-image property svg icon has only one size that does not change with font size.