Fancyboxやcolor boxなどのライトボックスgemを使用したい。両方のgemは、application.cssにこの行を追加するように要求します
*= require colorbox-Rails
ここに問題があります。 application.css.scssファイルしかありません。私のすべてのcssファイルはscssファイルです。 application.css.scssにはimportステートメントがありますが、* = requireステートメントはありません。上記の行を追加すると、エラーが発生します。
「*」の後の無効なCSS:「{」が必要でしたが、「= require colorb ...」でした
完全なapplication.css.scssは次のとおりです。
@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";
*= require colorbox-Rails
application.css.scss
またはapplication.css
はまったく同じです。 application.css
からapplication.css.scss
。
その行の追加に関しては、コメントの一番上にある必要があります。このような:
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_self
*= require colorbox-Rails
*/
@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";