<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.