
<div class="code-block">
  <div class="code-block__wrapper" data-syntax="scss">
```scss
%button {
  display: inline-block;
  // … 버튼 스타일

  // 관계: %modal의 자식인 %button
  %modal > & {
    display: block;
  }
}

.button {
  @extend %button;
}

// Yep
.modal {
  @extend %modal;
}

// Nope
.modal {
  @extend %modal;

  > .button {
    @extend %button;
  }
}
```
  </div>
  <div class="code-block__wrapper" data-syntax="sass">
```sass
%button
  display: inline-block
  // … 버튼 스타�