Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Ionic Framework By Example

You're reading from  Ionic Framework By Example

Product type Book
Published in Jan 2016
Publisher
ISBN-13 9781785282720
Pages 158 pages
Edition 1st Edition
Languages
Author (1):
Sani Yusuf Sani Yusuf
Profile icon Sani Yusuf

Ionic SCSS overview


To have an overview of the SCSS structure of Ionic, we are going to create a brand new application using the Ionic blank template. We are going to call this application custom-app. The following is the command to create this new application. Fire up a terminal window on your computer and CD into a directory of your choice and run the following command:

ionic start custom-app blank

After you have created your new custom-app application, open this new project in your favorite IDE to have an overview of the folder structure. You should see something close to what we have in the following screenshot:

There are two folders that you should pay close attention to. The first folder is the scss folder found in the root directory of the project. This folder has a file called ionic.app.scss within it; we will take a look at this in more detail. The following is a screenshot of what this folder looks like:

The second folder is also titled scss, but this folder can be found by navigating...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}