BlazorStyled
BlazorStyled copied to clipboard
How to combine Styled with existing classes like those defined in Bootstrap?
.myclass.card {
background-color: red;
.card-title a {
color: forestgreen;
}
}
<div class="myclass card">
<img class="card-img-top" src="https://via.placeholder.com/400" alt="some image">
<div class="card-body">
<h5 class="card-title"><a href="#">Title</a></h5>
<p class="card-text">Text</p>
</div>
<div class="card-footer text-muted">
</div>
</div>
<Styled @bind-Classname="@StylesClass">
</Styled>
<div class="@($"{StylesClass} bootstrap-class")"/>
is this what you are asking?
@bryfa Did qin-guan's answer help you?
Sorry for the late answer. Yes it did help me, thanks!