creativetimofficial / ct-soft-ui-dashboard-pro-laravel-livewire

Soft UI Dashboard PRO Laravel - Full stack app with Laravel, Livewire & Alpine.js
https://www.creative-tim.com/product/soft-ui-dashboard-pro-laravel-livewire
9 stars 3 forks source link

Scss npm script fails #11

Open hedegaard opened 1 year ago

hedegaard commented 1 year ago

Prerequisites

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

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.

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 commented 1 year ago

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