title: LESS CSS Engine import-once duplicate styles
body: <p>LESS is importing the same LESS across different files despite using import-once.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;link rel="stylesheet/less" type="text/css" href="app.less"&gt;
  &lt;link rel="stylesheet/less" type="text/css" href="theme.less"&gt;
  </code></pre>
  
  <p>app.less</p>
  
  <pre><code>@import-once "1.less";
  
  body{
      color:blue;
  }
  </code></pre>
  
  <p>theme.less</p>
  
  <pre><code>@import-once "1.less";
  
  body{
      color:pink;
  }
  </code></pre>
  
  <p>produces:</p>
  
  <pre><code>&lt;style type="text/css" id="less:good-docs-less-app"&gt;
      body {
          background: yellow;
      }
      body {
          color: blue;
      }
  &lt;/style&gt;
  
  &lt;style type="text/css" id="less:good-docs-less-theme"&gt;
      body {
          background: yellow;
      }
      body {
          color: pink;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>You notice <code>body{background:yellow}</code> is duplicated in both styles.  Is it possible to import this in both LESS files without it writing it twice?</p>