Compass delimited list separator - how to set to – [duplicate]

Question

I am using SASS/Compass to create a breadcrumb with the Compass mixin "@include delimited-list();"

I have a variable called $breadcrumb-separator: " > "; so that I can change the character out in different situations.

My css is: ul.nav {@include delimited-list($breadcrumb-separator);}

How can I change the use of the character ">", to use the en dash(– or –) entity?

Tino · Accepted Answer · 2013-12-14 19:07:39Z

1

Since this include generates a :after element, you need to use unicode hex escapes for your – and it should work as expected:

$breadcrumb-separator: " \2013 ";

answered Dec 14, 2013 at 19:07

1066 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks Tino! I was using \u2013 and couldn't figure out why it wasn't working.