下面是符合Syntax的设计

:root{
  --left: 10px;
  --right: 10px;
}

body {
  left: var(--left);
  @nested {
    h2 {
      top: 20px;
    }
  }
}

你会如何选择?