title: Why am I getting a Mixin undefined error when compiling my LESS code?
body: <p>I am new to LESS and am trying to create a complex structure to my LESS files so I can separate the front end framework files from my platform files from my client specific changes.... So to that end I have a structure using @import &quot;filename.less&quot;; like this (all separated into sub folders....)</p>
  <pre><code>master.less &gt; platform.less &gt; bootstrap.less &gt; variables.less
                                               &gt; mixins.less
                                               &gt; ............etc
  
                              &gt; font-awesome.less &gt; ........etc
  
                              &gt; bootstrap-ui.less &gt; ........etc
  
                              &gt; platform-variables.less
                              &gt; platform-mixins.less
                                ......... etc
  
              &gt; site.less &gt; site-variables.less
                            ...............etc..
                            random-page.less
  </code></pre>
  <p>OK so master.less has a import to platform.less and site.less etc....</p>
  <p>My question how come I am able to use the mixins defined in mixins.less file.... in random-page.less but not able to use the mixins defined in my custom mixin file in random-page.less (platform-mixins.less) that is called from the platform.less file I'm very confused....   please advise.</p>
  <p>The error that I receive is:</p>
  <pre><code>&gt;&gt; NameError: .no-padding is undefined in css/site/random-page.less on line 75, column 3:
  &gt;&gt; 74   .footer-sidebar {
  &gt;&gt; 75           .no-padding;
  &gt;&gt; 76   }
  </code></pre>
  <p>Which is true because it does not exist in this file?</p>
  <p>However the bootstrap standard mixin works as expected despite the  clear fix mixin/class not existing in this file...</p>
  <pre><code>.footer-sidebar {
      .clearfix;
  } 
  </code></pre>