Where do custom classes using SASS go?


I was going over http://learn.ionicframework.com/formulas/working-with-sass and couldn’t figure out where custom classes using SASS go.

The document gives this example:

$big-bg: ‘http://ioniconf.com/img/bg.jpg’;

With this, we can create a class that uses the variable:

.scroll-bg {
background: url($big-bg) no-repeat center center fixed;
background-size: cover;

I see the variable definition goes in “ionic.app.scss” but where does the “.scroll-bg” definition go?


Oh, I see, just in that very same file. Cool!