`global.scss` file from a newly created ionic2 app is not used to styling app

[msaelices]

Short description of the problem:

global.scss file from a newly created ionic2 app is not used to styling app

But in this file appears:

// Global CSS
// --------------------------------------------------
// Put CSS rules here that you want to apply globally.

What behavior are you expecting?

The SASS styles should be applied.

Run ionic info from terminal/cmd prompt: (paste output below)

Cordova CLI: 6.2.0
Gulp version:  CLI version 1.2.1
Gulp local:  
Ionic Framework Version: 2.0.0-rc.0
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
OS: Distributor ID: Ubuntu Description: Ubuntu 15.10 
Node Version: v4.4.3

[cekrem]

I have the same issue! It started after copying a "home.scss" file from an earlier beta11 project (but before @import'ing it?!). It does compile home.scss however, for some reason.

[davejlong]

I'm noticing the same thing. None of the rules in global.scss are compiled in build.css after building the app.

§ ionic info

Your system information:

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-rc.0
Ionic CLI Version: 2.1.0
Ionic App Lib Version: 2.1.0-beta.1
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v6.7.0
Xcode version: Xcode 8.0 Build version 8A218a

[mhartington]

Thanks for the heads up!
PR made to fix this.
ionic-team/ionic-app-scripts#41

[basvdijk]

Is there a quickfix/workaround so I do not have to wait for RC.1 to have my layout working again?

[vicrep]

@basvdijk Adding this at the end of theme/variables.scss worked for me: @import "./global";

[Manduro]

My workaround is to move src/theme/global.scss to src/app/app.scss and it should be compiled.

[basvdijk]

@vicrep Thanks! I tried that as well, but it created a circular dependency since some of my components also use the variables.scss.

[basvdijk]

@Manduro Thanks this solved it for now :)

[perez-danilo]

@Manduro It works! Thnks

[ramonornela]

My workaround https://github.com/ramonornela/ionic_playground_rc0/blob/master/config/sass.config.js and https://github.com/ramonornela/ionic_playground_rc0/blob/master/package.json#L43

[joshgarwood]

Can someone from Ionic please update the changelog steps, and add the fact that global.scss is needed when migrating an existing project... Spent a lot of time trying to figure out where my site-wide styles should go :( Others seem to be confused as well. Thanks!

[jourdan-jobox]

@Manduro's suggestion works; but would much rather prefer Mike's PR to be released soon since that would be the real way to do it I would think :)