creativetimofficial / soft-ui-design-system

Soft UI Design System - Open Source Bootstrap 5 design system
https://demos.creative-tim.com/soft-ui-design-system/index.html
MIT License
202 stars 167 forks source link

[Bug] SCSS Issues on COMPILE #18

Open NWJ9PB opened 3 years ago

NWJ9PB commented 3 years ago

Version

LATEST

Reproduction link

https://codepen.io/NExxT-Development/pen/NWjrOpL

Operating System

Windows 10 21H1 (Latest)

Device

Dell Inspire

Browser & Version

Brave (Lastest)

Steps to reproduce

Just compile the SCSS

What is expected?

Just a normal SCSS compilation

What is actually happening?

Compilation Error Error: Top-level selectors may not contain the parent selector "&". ╷ 15 │ &.bg-gradient-faded-#{$prop}-vertical{ │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ assets\scss\soft-design-system_gradients.scss 15:3 @import assets\scss\soft-design-system\theme.scss 34:9 @import assets\scss\soft-design-system.scss 27:9 root stylesheet

Compilation Error Error: Undefined variable. ╷ 1 │ @each $state, $value in $theme-gradient-colors { │ ^^^^^^^^^^^^^^^^^^^^^^ ╵ assets\scss\soft-design-system_alert.scss 1:25 @import animehoard\assets\scss\soft-design-system\theme.scss 25:9 root stylesheet

Compilation Error Error: Undefined variable. ╷ 3 │ align-items: $card-bg-align-items; │ ^^^^^^^^^^^^^^^^^^^^ ╵ assets\scss\soft-design-system\cards\card-background.scss 3:18 root stylesheet

Compilation Error Error: Undefined variable. ╷ 97 │ background-color: $white; │ ^^^^^^ ╵


Solution

Additional comments

groovemen commented 3 years ago

Hello @NWJ9PB,

Thank you for using our products, we have tested the product's SCSS compiling and everything works fine. We will ask you to provide us the steps to reproduce this issue. Did you change something or it's not working in the downloadable archive? Please let us know if we can help you with anything else.

All the best, Stefan

NWJ9PB commented 3 years ago

Thanks for replying back, @groovemen

I keep reproducing it, and still ended up on compilation errors that are stated above, Here is the custom variables.scss file on this CodePen, this file is the only modified in the scss package

groovemen commented 3 years ago

Hello again,

I have checked your variables SCSS file and you are right that gives an error on compiling. You have erased some SCSS variables imports (at the bottom of the page - line 1568). All the best, Stefan