Extra CSS

The extra CSS feature can used to output additional CSS files (other than theme.css.liquid).

Extra CSS is defined by adding items to extraCss in salvo.config.js:

salvo.config.js
js
module.exports = {
    // ...
    extraCss: [
        {
            output: 'checkout.css.liquid',
            files: ['./assets/styles/checkout.scss']
        }
    ],
    // ...
};

salvo.config.js
js
module.exports = {
    // ...
    extraCss: [
        {
            output: 'checkout.css.liquid',
            files: ['./assets/styles/checkout.scss']
        }
    ],
    // ...
};

Each item defines the output filename (which must end in .css.liquid), and an entry file (You can add multiple entry files to the array - they'll all be merged together.)