Note that this whole construction
style: |
xxx
xxx
Is interpreted as (more details here)
style: "xxx xxx"
and that means that lines starting with “#” will go inside a string:
style: "xxx # some comment xxx"
and thus this comment will not be a “comment” - but a part of a code.
So - use {# comment #} as was suggested above or /* comment */.
The {# comment #} will be treated as a comment due to internal processing of jinja since this {# ... #} pattern is considered as a comment in jinja template.
The /* comment */ will be treated as a comment in CSS style since it is considered correspondingly in CSS.