TIL | SCSS @at-root(중첩 탈출)

CSS

.list li {
  width: 100px;
  height: 50px;
}

.box {
  width: 100px;
  height: 50px;
}

⬇️

SCSS

.list {
  $w: 100px;
  $h: 50px;

  li {
    width: $w;
    height: $h;
  }

  @at-root .box {
    width: $w;
    height: $h;
  }
}