Where do custom classes using SASS go?

1

I was going over Ionic Framework - The Cross-Platform App Development Leader and couldn’t figure out where custom classes using SASS go.

The document gives this example:

$big-bg: ‘Ioniconf 2022’;

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?

2

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