actual CSS in template strings?

[wmertens]

Seems to me that it would be possible to provide a css template function that converts CSS into the object format.

So e.g.

style9.create({
  blue: {
    color: 'blue',
    '@media (min-width: 80em)': {
      color: 'purple'
    }
  }
});

could be written as

style9.create`
  .blue {
    color: blue;
    @media (min-width: 80em) {
      color: purple;
    }
  }
`;

Furthermore, shorthand attributes could be used, and they would be converted to their longhand versions, with proper overriding of attributes as would be expected from object notation.

Thoughts? I already implemented something like this for vanilla-extract, so this is more of a "is this desirable" discussion :-)

[johanholmerin]

Using strings would mean giving up type safety, which is one of the principles of style9. If you want to do so you could use something like css-to-js.macro.

Using string literals would have no impact on shorthand support.