title: My css file is overridden due to activeadmin
body: <p>First I have created an active_admin css file as <code>app/assets/stylesheets/active_admin.css.scss</code></p>
  
  <pre><code>/* active_admin.css.scss */
  @import "active_admin/mixins";
  @import "active_admin/base";
  
  /* application.css.scss*/
  @import "active_admin.css.scss"
  </code></pre>
  
  <p>So I have a lot of css of mine been overriden, I followed instructions of <a href="http://robertomurray.co.uk/blog/2011/rails-fix-activeadmin-css-over-riding-problem" rel="nofollow noreferrer">this post</a> but still doesn't work. 
  I changed files location from <code>app/assets/stylesheets/active_admin.css.scss</code> to 
  <code>vendor/assets/stylesheets/active_admin.css.scss</code> but still having the problem. </p>
  
  <p>So, how can I load activeadmin css files only when needed?</p>