I’m using sage version 10.1.7 and while trying to write some custom scss. In previous versions the app.scss wass already present and I could just
Now however, there’s only a .css file and when I try to rename it to app.scss, I get an error
Can't resolve '@styles/app'.
Only way I can do includes is like the example below, however, there’s a problem if those files have their own includes, which again don’t work.
Also, when I add an external package and try to include its scss, but it doesn’t work
How do I import my partials, so that they work with scss as in previous versions of sage?
Bud dev dependencies are on version 5.8.7
My imports currently look like this (_index.scss has other partials imported):
@import 'tailwindcss/base'; /* vendors */ @import './vendors/_fonts.scss'; /* components */ @import './components/_hero-banner.scss'; @import './components/_header.scss'; /* base styles */ @import './base/_buttons.scss'; @import './base/_root.scss'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities';