Compass delimited list separator - how to set to –

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?

Answer 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 ";