geddski / geddski/csstyle

Rendering differences with node-sass 3.3 and 3.4

Open
#58 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
840
Forks
29
PR merge metrics
No merged PRs in 30d

Description

Consider:

```
@include component (module) {
@include option(big) {
@include part(part) {
color: red;
}
}
}
```

With node-sass 3.3.3 the output (as I would expect) is:

```
.module.\--big .module__part {
color: red; }
```

With node-sass 3.4.1 the output is:

```
.module.\--big__part {
color: red; }
```

Is this a bug or an expected change? If the latter, how would I achieve the output of the first example?

Contributor guide

Open the contributing guide

Research direction

Start by compiling the provided mixin example with node-sass 3.3.3 and 3.4.1, then inspect how the nested module, option, and part mixins construct their selectors. Done means determining whether the changed output is intentional and documenting or restoring a way to produce the earlier selector output.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.