[Bug] SCSS Issues on COMPILE #18
Description
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;
│ ^^^^^^
╵