/ionic-sass

Ionic's CSS Framework in SASS and bundled for Meteor.

Primary LanguageCSSMIT LicenseMIT

ionic-sass

Ionic's CSS Framework in SASS and bundled for Meteor. Currently up to date with version v1.0.0-beta.13.

Installation

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.

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 '.meteor/local/build/programs/server/assets/packages/hashwin_ionic-sass/ionic';

Icons

You may also want to install our Ionicons package.

Docs

See the official Ionic CSS Docs site for usage instructions.

License

MIT License