Roots/Sage 10 - how to import sass variables with new bud.config.js?

First you’ll want to make sure you have the SASS bud extension installed.

yarn add @roots/bud-sass @roots/bud-postcss --dev

Then based on the structure in your comment you will want to rename app.css to app.scss and the import statements would look like this:

app.scss

@import './common/variables';
@import './common/global';

// the rest of your css rules
2 Likes