web-dev-qa-db-fra.com

Requiert une instruction dans application.css.scss

Je veux utiliser un bijou lightbox tel que fancybox ou color box. Les deux gemmes demandent d'ajouter cette ligne dans le fichier application.css

 *= require colorbox-Rails

Voici le problème. Je n'ai que des fichiers application.css.scss. Tous mes fichiers css sont des fichiers scss. J'ai des instructions d'importation dans le fichier application.css.scss mais aucune instruction * = require. L'ajout de la ligne ci-dessus entraîne l'erreur:

CSS non valide après "*": attendu "{", était "= nécessite colorb ..."

Voici le fichier complet application.css.scss

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


*= require colorbox-Rails
26
user2511030

application.css.scss ou application.css sont un peu les mêmes. Renommez simplement votre application.css à application.css.scss.

Quant à l'ajout de cette ligne, elle devra être tout en haut, dans un commentaire. Comme ça:

/*
 * 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";
51
joshua.paling