Skip to content

[Bug] SCSS Issues on COMPILE #18

@NWJ9PB

Description

@NWJ9PB

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions