Question

I have the jQuery fancybox 2 plugin in use on my site. In development it’s fine but in production the fancybox 2 css files are not being loaded as seen in this screenshot:

The files are in vendor/assets/stylesheets and are plain .css files

They are being referenced from my application.css.scss file as follows:

@import 'compass';
@import 'compass/reset';

@import '_common';

@import 'main';
@import 'pages';
@import 'coasters';
@import 'contact';
@import 'collections';
@import 'albums';

@import 'responsive';
@import 'twitterbox';
@import 'jquery.fancybox.css';
@import 'jquery.fancybox-thumbs.css';

Does anyone have any idea why those two css files are not being loaded. The fancybox .js files work fine, it’s just the CSS ones that are not.

Neil

Answer 1

Ok if you want that you css can be precompiled you can use http://css2sass.heroku.com/ for convert you fancybox.css file to scss file.

I hope this solution will helps!