Ich möchte einen Leuchtkasten-Edelstein wie eine Fancybox oder eine Farbbox verwenden. Beide Edelsteine bitten, diese Zeile in die application.css @ einzufüge

 *= require colorbox-rails

Hier ist das Problem. Ich habe nur application.css.scss-Dateien. Alle meine CSS-Dateien sind SCSS-Dateien. Ich habe import-Anweisungen in der application.css.scss, aber keine * = erfordern Anweisungen. Das Hinzufügen der obigen Zeile führt zu dem Fehler:

Ungültiges CSS nach "*": erwartet "{", war "= Farbanforderung ..."

Hier ist die vollständige application.css.scss

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


*= require colorbox-rails