Importing SCSS in Meteor

Question

I have installed fourseven:scss but the problem I am facing is that the following line results in the Unexpected token error.

@import 'slick-carousel/slick/slick-theme.scss';

I think this is because the application doesn't recognize @import directive.

Do I need to install something else to make this directive work?

Answer 1

Are you using slick-carousel from npm?

If not, use npm install --save slick-carousel in the Meteor directory. Then in your CSS use this syntax (replacing foundation-sites with your own).

@import '{}/node_modules/foundation-sites/scss/foundation.scss';