title: SCSS: Lack of more powerful nesting
body: <p>Recently I've ended up with the following SCSS code:</p>
  
  <pre><code>.modal {
      ....
  
      button,
      .button {
          ....
      }
  
      input + button,
      input + .button {
          ....
      }
  }
  </code></pre>
  
  <p>First that came to my head was to <strong>simplify</strong> it like this: </p>
  
  <pre><code>.modal {
      ....
  
      button,
      .button {
          ....
  
          input + &amp; {
          ....
      }
  }
  </code></pre>
  
  <p>Unfortunately, I've got the following output:</p>
  
  <pre><code>input + .modal. button,
  input + .modal .button {
     ....
  }
  </code></pre>
  
  <p>instead of desired</p>
  
  <pre><code>.modal input + button,
  .modal input + .button {
     ....
  }
  </code></pre>
  
  <p>I'm asking if the complicated selector in the first listing can be simplified or not.</p>