Scss npm script fails

[hedegaard]

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When running the scss npm script I expect it to run the script without error.

Current Behavior

What is the current behavior?

scss
node-sass resources/scss/ -o css

Rendering Complete, saving .css file...
Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard.css
Rendering Complete, saving .css file...
Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard/bootstrap/bootstrap-grid.css
Rendering Complete, saving .css file...
Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard/bootstrap/bootstrap-reboot.css
Rendering Complete, saving .css file...
Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard/bootstrap/bootstrap-utilities.css
Rendering Complete, saving .css file...
Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard/bootstrap/bootstrap.css
{
"status": 1,
"file": "/Users/MyUserName/web/MyProject/resources/scss/soft-ui-dashboard/cards/card-background.scss",
"line": 3,
"column": 18,
"message": "Undefined variable: "$card-bg-align-items".",
"formatted": "Error: Undefined variable: "$card-bg-align-items".\n on line 3 of resources/scss/soft-ui-dashboard/cards/card-background.scss\n>> align-items: $card-bg-align-items;\n\n -----------------^\n"
}

Failure Information (for bugs)

Not sure how much more information I can provide in this case.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

In visual studio code I run the scss npm script, it fails on card-background.scss

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: imac
• Operating System: OSX ventura 13.1
• Browser and Version: CLI

Failure Logs

Wrote CSS to /Users/MyUserName/web/MyProject/css/soft-ui-dashboard/bootstrap/bootstrap.css
{
"status": 1,
"file": "/Users/MyUserName/web/MyProject/resources/scss/soft-ui-dashboard/cards/card-background.scss",
"line": 3,
"column": 18,
"message": "Undefined variable: "$card-bg-align-items".",
"formatted": "Error: Undefined variable: "$card-bg-align-items".\n on line 3 of resources/scss/soft-ui-dashboard/cards/card-background.scss\n>> align-items: $card-bg-align-items;\n\n -----------------^\n"
}

[teamupdivision]

Hello
Thank you for using Creative TIM products!

You need to have node version 12 or 16.

Let us know if that fixes the issue.

Best