search

tastyigniter / TastyIgniter

:fire: Powerful, yet easy to use, open-source online ordering, table reservation and management system for restaurants
https://tastyigniter.com
MIT License
2.98k stars 966 forks source link

[Bug]: Admin SCSS Not Compiling #1075

Closed mindflowgo closed 3 months ago

mindflowgo commented 3 months ago

What happened?

SCSS is compiles the CSS at compile time, while $table-border-width appears to be defined as a run-time variable (var(--bs-border-width), so Sass is getting tripped up. Solution is to adjust this line to: /app/admin/assets/src/scss/components/_message.scss:7 border-bottom: calc(2 * var(--bs-border-width)) solid $table-border-color;

What did you expect to happen?

It should compile the admin scss to js/css. It's a small error that is easy to fix see above.

Version

3.x

What browser are you seeing the problem on?

No response

Relevant log output

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined operation "2 * var(--bs-border-width)".
  ╷
7 │         border-bottom: (2 * $table-border-width) solid $table-border-color;
  │                         ^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/scss/components/_message.scss 7:25             @import
  src/scss/components/_+import-components.scss 23:9  @import
  src/scss/admin.scss 24:9                           root stylesheet