Table of Contents
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.
The Ionic framework uses variables for all of the style information which enable you to easily override any of the colors of the application with your own.
First step it to tell ionic that you want to use SASS
$ ionic setup sass
The ionic setup sass command will:
You should also see a gulp task message about the starting the ‘sass’ task
In your web browser, open http://localhost:8100
Go back to your web browser and now your contact list header should be pink
With the few simple steps above you were able to easily to style your application. Even though we only just touched on using SASS to style your application, it is obvious how easy it makes styling your application.