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

When an interpolated class is used first in a list, it's ignored #2741

Open
Cactusbone opened this issue Dec 8, 2022 · 2 comments
Open

When an interpolated class is used first in a list, it's ignored #2741

Cactusbone opened this issue Dec 8, 2022 · 2 comments

Comments

@Cactusbone
Copy link
Contributor

Cactusbone commented Dec 8, 2022

To reproduce:

formGroupClass = ".form-group"

{formGroupClass}
.checkbox
    position relative

Current behavior:

.checkbox {
  position: relative;
}

Expected behavior:

.form-group,
.checkbox {
  position: relative;
}

Workaround 1:

formGroupClass = ".form-group"

.checkbox
{formGroupClass}
    position relative

Workaround 2:

formGroupClass = ".form-group"

{formGroupClass},
.checkbox
    position relative

Environment information:

tested in the playgound https://stylus-lang.com/try.html

  • stylus version: 0.59.0
  • nodejs version: 10
@vendethiel
Copy link
Contributor

Another fix is adding a comma: {formGroupClass},

@Cactusbone
Copy link
Contributor Author

Another fix is adding a comma: {formGroupClass},

Yep, I've added it as workaround 2 :)

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