"content" styles aren't handled well

[TheBosZ]

When I use "content" styles, the styles have to be surrounded by an extra pair of quotes or it'll get messed up.

An example original CSS:

.divider {
  &:after {
    content: '|';
  }
}

Code:

nano.rule({
  divider: {
    '&:after': {
      content: '|',
    },
  },
});

Resulting CSS:

.__1elt25k-divider:after {
    content:|;
}

Notice that the quotes have been stripped from the content character. If I use a doubly-quoted string content: '"|"', it works just fine.

I'm not sure that this is a bug or more of a "I have to look out for content rules since they're special" thing.

[streamich]

It simply inserts value as-is. There is no special treatment for content property.

[TheBosZ]

Okay, not a problem. I updated my SASS-to-JSON converter to handle it: https://thebosz.bitbucket.io/

[streamich]

Nice, I might use it as well.