Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] SCSS Issues on COMPILE #18

Open
NWJ9PB opened this issue Jul 9, 2021 · 3 comments
Open

[Bug] SCSS Issues on COMPILE #18

NWJ9PB opened this issue Jul 9, 2021 · 3 comments

Comments

@NWJ9PB
Copy link

NWJ9PB commented Jul 9, 2021

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
Copy link
Contributor

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
Copy link
Author

NWJ9PB commented Jul 13, 2021

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
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants