Emotion: css prop, css-style syntax highlighting?

Created on 31 Jan 2018  路  6Comments  路  Source: emotion-js/emotion

If there such a thing? one of the great pleasures of writing css is the tooling. is there something that exists that can make, say atom kick into .css highlighting / autocompletion when writing a css prop?

question stale

Most helpful comment

@mbavio doesn't look like it works for css prop

image

All 6 comments

@alex-wilmer Check out language-babel which has support for styled CSS template strings.

thanks, but I'm talking about the css prop, not the function

<div
   css={`
    color: blue;
   `}
/>

I'm currently using VSCode with this plugin, works like charm.

@mbavio doesn't look like it works for css prop

image

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.

Reopen please. I have this issue as well.

image

This is using VSCode + the styled-components and language-babel extensions.

Note injectGlobal template string works:

image

As well as styled.xyz template strings:

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sami616 picture sami616  路  3Comments

Zn4rK picture Zn4rK  路  3Comments

rockmandash picture rockmandash  路  3Comments

artooras picture artooras  路  3Comments

kentcdodds picture kentcdodds  路  3Comments