Reader small image

You're reading from  Ionic Framework By Example

Product typeBook
Published inJan 2016
Reading LevelIntermediate
Publisher
ISBN-139781785282720
Edition1st Edition
Languages
Tools
Right arrow
Author (1)
Sani Yusuf
Sani Yusuf
author image
Sani Yusuf

Sani Yusuf is the founder of Haibrid, a company focused on creating innovative mobile solutions with hybrid technologies operating from London, England. Starting his career as a web developer, he moved on to native development of both desktop and mobile applications before developing a focus on hybrid mobile apps due to their philosophy of reusability and cross-platform operability. When not managing his company, Sani spends his time public speaking, writing, and endlessly researching new educational and healthcare mobile solutions. Although a Nigerian by birth, Sani moved to the UK in 2010 to pursue a degree in computer science, having a great interest in healthcare and educational advancement with mobile technology.
Read more about Sani Yusuf

Right arrow

Customizing the look and feel of your app


When you created an Ionic application using one of the Ionic templates, you would have noticed by now that it comes with some built-in default CSS styles. Many times you will want to know how you can add your own colors and styles while keeping some of the built-in Ionic styles.

Ionic styles with SASS

This is well thought out by the Ionic team and for this reason, they actually created all their CSS styles using SCSS. SCSS is an independent technology based on SASS that lets you write CSS in an object-oriented way which then gets compiled into CSS. SCSS is a really cool way to write CSS rules as it allows us to create variables and use them to create our style sheet. If you are completely new to SCSS and you want to see some brief information about SCSS, feel free to visit http://sass-lang.com.

Now, let's have a look at the folder structure of an Ionic project once more with customization of our styles with SCSS in mind.

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Ionic Framework By Example
Published in: Jan 2016Publisher: ISBN-13: 9781785282720

Author (1)

author image
Sani Yusuf

Sani Yusuf is the founder of Haibrid, a company focused on creating innovative mobile solutions with hybrid technologies operating from London, England. Starting his career as a web developer, he moved on to native development of both desktop and mobile applications before developing a focus on hybrid mobile apps due to their philosophy of reusability and cross-platform operability. When not managing his company, Sani spends his time public speaking, writing, and endlessly researching new educational and healthcare mobile solutions. Although a Nigerian by birth, Sani moved to the UK in 2010 to pursue a degree in computer science, having a great interest in healthcare and educational advancement with mobile technology.
Read more about Sani Yusuf