title: Double ampersand in LESS
body: <p>I'm confused about double ampersand behaviour in LESS compiler.</p>
  
  <p>Look:</p>
  
  <pre><code>.heading {
      &amp;&amp;--type-small {
          font-size: 15px;
      }
  }
  </code></pre>
  
  <p>Will be compiled to:</p>
  
  <pre><code>.heading.heading--type-small {
        font-size: 15px;
  }
  </code></pre>
  
  <p>And thats good.</p>
  
  <p>But.</p>
  
  <pre><code>.wrapper {
      .heading {
          &amp;&amp;--type-small {
              font-size: 15px;
          }
      }
  }
  </code></pre>
  
  <p>Will produce:</p>
  
  <pre><code>.wrapper .heading.wrapper .heading--type-small {
      font-size: 15px;
  }
  </code></pre>
  
  <p>It looks weird. No?</p>
  
  <p>Is there any advice to make this code works like:</p>
  
  <pre><code>.wrapper .heading.heading--type-small {
      font-size: 15px;
  }
  </code></pre>
  
  <p>Thanks =)</p>