vscode-styled-components icon indicating copy to clipboard operation
vscode-styled-components copied to clipboard

Syntax highlighting for styled-components

Results 83 vscode-styled-components issues
Sort by recently updated
recently updated
newest added

Type: Bug when I'm typing some css in js code and press enter to autocomplete my code, the cursor is backing **With inline style** [inline-style-react.webm](https://user-images.githubusercontent.com/16847836/184344922-e924185d-1096-4eaa-8223-fb0188f9d20f.webm) **With styled-components** [with-styled-components.webm](https://user-images.githubusercontent.com/16847836/184345025-4bd3ed03-c33b-44a0-a80a-0e428accca0a.webm) In CSS...

**Describe the bug (including copyable syntax)** I have a breakpoints object with such structure in my code: ``` export const breakpoints = { iphoneSE: { query: '(max-width: 320px)' }, mobile:...

bug

As discussed in #274, `typescript-styled-plugin` can be a useful tool, however the out-of-the-box config leaves something to be desired. Most notably, it flags valid css attributes like `margin-inline` as errors....

bug

**Describe the bug (including copyable syntax)** On hover specificity view is not working **Screenshot** If you typed a basic styled component and try to view the specificty by hovering over...

bug

**Describe the bug (including copyable syntax)** Getting the following error from `ts-styled-plugin` on the 2nd line ``` @media screen and (max-width: ${({ theme }) => theme.DynamicTheme.mobXLargeMax - 20}px) { ```...

bug

**Describe the bug (including copyable syntax)** When declaring a styled component in Typescript with an inline multiline prop typing, it breaks the syntax highlight for the code after that. **Screenshot**...

bug

I'm having problems using 2 extensions together: PostCSS and Styled-Components. If both are enabled, highlighted colors give priority to PostCSS even if I write with Styled-Components syntax. Is there any...

bug

**Describe the bug ** I gonna apply attris by pass props. But highlight is broken. **Screenshot** ![image](https://user-images.githubusercontent.com/25161426/118848718-945a8c00-b901-11eb-9de0-f5709f445567.png) **Expected behavior** HightLight has to be keep - OS: [Windows10] - VSCode Version:...

bug
help wanted
highlighting-grammar
E-Hard

**Describe the bug (including copyable syntax)** Look at gif below. **Screenshot** Enable extension: ![styled](https://user-images.githubusercontent.com/18096089/149694524-253668cd-57ba-4977-9f4b-aec3ba4a1120.gif) Disable extension: ![styled-disabled](https://user-images.githubusercontent.com/18096089/149695489-93720b32-3706-4236-8205-667857a5091d.gif) **To Reproduce** Just typing jsx style properites. **Expected behavior** Not complete property with...

bug

When the prompt pops up and the prompt is selected with a carriage return, the mouse cursor automatically moves to the front of the colon

bug