How to include scss files in package


#1

Hi, I am trying to include scss files from package. I want to include Google’s material design lite css into package. So far I have this package js.

I can add it using meteor add command but files are not getting served. Can someone please help me what I am missing here?

// package metadata file for Meteor.js

var packageName = 'oceansgem:materialize';
var packageVersion = '0.1.0';
var where = 'client';  // where to install: 'client', 'server', or ['client', 'server']

Package.describe({
  name: packageName,
  summary: 'Material Design lite from Google',
  version: packageVersion + '_2',
  git: 'https://github.com/bhupesh/material-design-lite.git'
});

Package.onUse(function (api) {
  api.versionsFrom('1.1.0.2');
  api.use('fourseven:scss', 'client');
  // api.imply('fourseven:scss@1.0.0');

  api.addFiles([
 "material-design-lite/src/_variables.scss",
 "material-design-lite/src/_mixins.scss",

// Resets and dependencies
 "material-design-lite/src/resets/_resets.scss",
 "material-design-lite/src/typography/_typography.scss",

// Components
  "material-design-lite/src/palette/_palette.scss",
  "material-design-lite/src/shadow/_shadow.scss",
  "material-design-lite/src/ripple/_ripple.scss",
  "material-design-lite/src/animation/_animation.scss",
  "material-design-lite/src/badge/_badge.scss",
  "material-design-lite/src/button/_button.scss",
  "material-design-lite/src/card/_card.scss",
  "material-design-lite/src/checkbox/_checkbox.scss",
  "material-design-lite/src/data-table/_data-table.scss",
  "material-design-lite/src/footer/_mega_footer.scss",
  "material-design-lite/src/footer/_mini_footer.scss",
  "material-design-lite/src/icon-toggle/_icon-toggle.scss",
  "material-design-lite/src/menu/_menu.scss",
  "material-design-lite/src/progress/_progress.scss",
  "material-design-lite/src/layout/_layout.scss",
  "material-design-lite/src/radio/_radio.scss",
  "material-design-lite/src/slider/_slider.scss",
  "material-design-lite/src/spinner/_spinner.scss",
  "material-design-lite/src/switch/_switch.scss",
  "material-design-lite/src/tabs/_tabs.scss",
  "material-design-lite/src/textfield/_textfield.scss",
  "material-design-lite/src/tooltip/_tooltip.scss",
  'material-design-lite/src/grid/_grid.scss',
	'material-design-lite/src/material-design-lite.scss'
  ],"server",{
    isAsset:true
  });
});