I want to assign value conditionally if parent element has a specific class. Exp:
HTML
<div class="parent">
<div class="child">Some Text</div>
</div>
CSS
.child {
font-size: 16px;
}
but if parent element has a class named "big"
HTML
<div class="parent big">
<div class="child">Some Text</div>
</div>
I want to change value as follows
CSS
.child {
font-size: 20px;
}
For example as follows:
.child {
font-size: parent.hasClass('big') ? 20px : 16px;
}
How can I do that in SASS?