This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(227.2, 20%, 32%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAH%3C/text%3E%3C/svg%3E)
I am using Visual Studio Community 2022 latest version as of this question.
When working with Blazor CSS Isolation, I have many CSS variables defined within my main CSS file @ wwwroot, however, I do not get any intellisense for variable suggestions within my CSS isolation file. Am I setting up something incorrectly or perhaps there is a setting that needs changed to make this happen. Please any help or suggestion of an extension would be greatly appreciated.
When working on the same project from within Visual Studio Code, I get the CSS variable suggestions when working in the Blazor CSS Isolation file. But VS 2022 does not seem to know about the variables within my wwwroot folder.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(73.60000000000001, 90%, 17%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EZL%3C/text%3E%3C/svg%3E)
Hi @Adam Harshbarger ,
When working with Blazor CSS Isolation, I have many CSS variables defined within my main CSS file @ wwwroot, however, I do not get any intellisense for variable suggestions within my CSS isolation file. Am I setting up something incorrectly or perhaps there is a setting that needs changed to make this happen. Please any help or suggestion of an extension would be greatly appreciated.
When working on the same project from within Visual Studio Code, I get the CSS variable suggestions when working in the Blazor CSS Isolation file. But VS 2022 does not seem to know about the variables within my wwwroot folder.
Can you tell us the detail steps to reproduce the problem? And can you tell us the Blazor application version?
Based on your description, I tried creating an Asp.net 6 Blazor app with VS. 2022 Community 17.3.5, then adding some CSS variables in the site.css file, and then using these variables in the CSS Isolation file, it doesn't show the CSS variable suggestions in the CSS Isolation file. I also checked it using VS code, it still has the same behavior (without any CSS variable suggestion in the CSS Isolation file). So, I think this might be the default behavior, because they are two separate files.
Best regards,
Dillion
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(172.8, 0%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ECR%3C/text%3E%3C/svg%3E)
I too want to find out more about this. In my leisure time, I'm often looking up information about CSS Variables. I'm also curious to learn about brand-new developments like sssniperwolf and discover answers to various problems.