ionic-sass

Ionic's CSS Framework in SASS and bundled for Meteor 1.2+. Currently up to date with ionic version v1.1.0.

Installation

meteor add fourseven:scss@3.4.0-beta1
meteor add seba:ionic-sass

Then in your app's .scss file:

@import '{seba:ionic-sass}/scss/ionic';

You can also include ionicons by adding

@import '{seba:ionic-sass}/scss/ionicons/ionicons';

Customization

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 '{seba:ionic-sass}/scss/ionic';

Docs

See the official Ionic CSS Docs site for usage instructions.

License

MIT License