CSS in Blazor Components
View the detailed docs at https://blazorstyled.io.
- Maintain your css inside your component instead of a seperate file
- Eliminate all collisions - no need to use !important
- No need to worry about depoying css files - great for libraries
- css are C# strings - use variables instead of solutions like sass
<Styled @bind-Classname="@hover">
label: hover-example;
padding: 32px;
background-color: hotpink;
font-size: 24px;
border-radius: 4px;
</Styled>
<Styled Classname="@hover" PseudoClass="PseudoClasses.Hover">
color: @color;
</Styled>
<div class="@hover">
Hover to change color.
</div>
@code {
private string hover;
private string color = "white";
}
See more in the docs at https://chanan.github.io/BlazorStyled/.