Rider reports `@@apply` as syntax error inside razor markup
I have a ASP.NET Blazor project which is using Tailwindcss for styling. I get intellisense hints from the regular Rider Tailwindcss integration. But, during development, instead of compiling Tailwind each time on build, I use Tailwind play CDN. So my App.razor component has the following code:
```
@*TODO: Fix this when ready for publishing*@
@*<link rel="stylesheet" href="tailwind.output.css" />*@
<script src="https://cdn.tailwindcss.com"></script>
<style type="text/tailwindcss">
@@layer components {
h1 {
@@apply text-3xl mb-4
}
button {
@@apply bg-gray-200 rounded border-2 hover:bg-gray-100 hover:border-black p-2 m-2 h-12;
}
}
</style>
```
The Tailwind `@layer` and `@apply` directive must be escaped with additional `@` in razor markup. The app builds without errors. But Rider editor reports syntax error: `':' expected`. It looks like Rider understands `@@layer` syntax but not `@@apply` syntax.

Please sign in to leave a comment.
Hello!
Unfortunately, it looks like you have faced a known issue RIDER-104152 False-positive errors for @apply directives in .razor files.
We would appreciate it if you would upvote it in order to bring increased awareness to the issue. One can also click
Watch
to monitor the status.Let me know if there is anything else I could help you with. Have a great day!