<div class="hoge">
<div class="hoge__fuga">
<p class="hoge__fuga--text">
親要素「.hoge__fuga」のfont-sizeを基準にしています。
</p>
</div>
</div>
.hoge {
&__fuga {
font-size: 10px;
&--text {
font-size: 2em;
}
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.