Member-only story

[IONIC] Set Global Styling

Rajesh Mishra
2 min readMay 7, 2020

In order set any styles globally which should be used throughout the entire app, you will have to use global.scss. This file is available in src folder.

#global.scss

You can put any style classes here and can access them from any where in the app. To add or put style class here, there multiple ways:

i. Directly write your style class in side global.scss

ii. Write all your style class in app.scss or any scss file, and import them in global.scss

Primarily you can use the global.scss file for managing your app font-family, font-size, etc. Also, if you are try to custom design any Default UI Components like Alert Box, Popup Messages, etc., you can use global.scss to put their style classes.

#Import a font-family and use throughout the App

--

--

Rajesh Mishra
Rajesh Mishra

Written by Rajesh Mishra

Developer | Blogger I write about tech—simple how-tos to help others (and future me). Also, I explore and share life's experiences that inspire and connect.

No responses yet