title: Require statement in application.css.scss
body: <p>I want to use a lightbox gem such as fancybox or color box. Both gems ask to add this line in the application.css</p>
  
  <pre><code> *= require colorbox-rails
  </code></pre>
  
  <p>Here's the problem. I only have application.css.scss files. All my css files are scss files. I have import statements in the application.css.scss but no *=require statements. Adding the above line results in the error :</p>
  
  <p>Invalid CSS after "*": expected "{", was "=require colorb..."</p>
  
  <p>Here's the complete application.css.scss</p>
  
  <pre><code>@import "bootstrap";
  @import "welcome";
  @import "sessions";
  @import "users";
  
  
  *= require colorbox-rails
  </code></pre>