Quero usar uma jóia da caixa de luz, como uma caixa de fantasia ou uma caixa de cores. Ambas as gemas pedem para adicionar esta linha no application.css

 *= require colorbox-rails

Aqui está o problema. Eu só tenho arquivos application.css.scss. Todos os meus arquivos css são arquivos scss. Eu tenho instruções de importação no application.css.scss, mas não * = requer instruções. A adição da linha acima resulta no erro:

CSS inválido após "*": esperado "{", was "= require colorb ..."

Aqui está o application.css.scss completo

@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";


*= require colorbox-rails