Broken list style for unordered lists

[bastikempken]

The rendering of the ul list items is broken. In Firefox there aren't any items rendered at all. In Chrome there is some kind of default behavior, the items are rendered but not in the specific color:

I think this is cause by the missing url encoding of the list-style-image attribute value:

innoq-bootstrap-theme/src/styles/overrides/_type.scss

Line 69 in e9a0be5

list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><circle fill="#ff9c66" cx="5" cy="4" r="4"/></svg>');

In addition firefox needs some width and hidthattributes on the svg tag:

list-style-image: url("data:image/svg+xml;utf8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 10 10'%3e%3ccircle fill='%23ff9c66' cx='5' cy='4' r='4'/%3e%3c/svg%3e")