Overriding global theme in Ionic v4

#1

I’m trying to override some of the styles to change the entire theme in my v4 app. Basically it boils down to wanting to do this:

$card-ios-border-radius: 0;
$card-ios-box-shadow: none;

However, the changes aren’t making their way into the theme. The documentation says to just edit the src/theme/variables.scss file but even in the other demos I’m looking at (ionic-super) the default is to import the CSS and not the SCSS files. This would lead me to believe that no amount of changing will make a difference.

So, is changing SCSS variables supported? If so, what’s the recommended way to handle this?
If it isn’t supported, then what’s the recommended way to override the base theme like this?

#2

Well, I ended up doing this:

.md, .ios {
    ion-card {
        border-radius: 0;
        box-shadow: none;
    }
}

And this appears to work. Is this the “recommended” path?