CSS in ionic2

How can I add my custom CSS in ionic2?

global css -> variables.scss
page css -> your-page.scss
# custom css only for one page ( like home page )
# path => src/pages/home/home.scss
page-home{
 # do something 
}

# custom css for all page 
# path => src/app/app.scss

.some-class{
# code 
}

# overriding Ionic sass variables
# path => src/theme/variables.scss
.
.
$text-color: #000099;
.
.

i suggest to you read this list

1 Like