How to import 3rd party css?

[huytrq]

I want to add fancybox (https://github.com/fancyapps/fancybox) in my dist stylesheet. I tried doing this by:

1. bower install --save fancybox
2. In the gulfile.js, update the value of PATHS.sass to:
   sass: [

  'assets/components/foundation-sites/scss',
  'assets/components/fontawesome/scss',
  'assets/components/fancybox/dist/jquery.fancybox.min.css'

],
3. Running npm run watch

However, its contents are not included in \assets\stylesheet\app.css.

Could you tell me how I'm meant to import 3rd-party css from the bower components folder into my production code?

[olefredrik]

What version of FoundationPress are you on?

[huytrq]

I'm using version 2.9.2

[olefredrik]

Instead of modifying the gulpfile, you could just include the stylesheet in your foundation.scss file.