Ionic's CSS Framework in SASS and bundled for Meteor. Currently up to date with version v1.0.0-beta.13
.
meteor add fourseven:scss
meteor add hashwin:ionic-sass
Then in your app's .scss
file:
@import '{hashwin:ionic-sass}/_ionic';
NOTE: Due to a current limitation of the Meteor packaging system, the above path may not exist the first time you run your Meteor app after installing this package. This will cause an error saying the file to import was not found. This may also occur if you run meteor reset. Restarting your app should fix this problem. See meteor/meteor#2606 and meteor/meteor#2796 for more info.
Importing the source SASS files as opposed to including compiled or CDN versions allows you to easily customize or theme your app using SASS variables.
_app-variables.scss
// Change Ionic's `positive` color to Meteor's red color:
$positive: #DE4F4F;
app.scss
// Import your custom variables
@import 'app-variables';
// Then import ionic after. Ionic will use your variables instead of it's own.
@import '.meteor/local/build/programs/server/assets/packages/hashwin_ionic-sass/ionic';
You may also want to install our Ionicons package.
See the official Ionic CSS Docs site for usage instructions.