csstools / csstools/postcss-extend-rule

Not working with nested media queries

Open
#6 6 comments 3 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
54
Forks
7
Avg merge
1d 5h
Merged PRs (30d)
1

Description

Using `postcss-extend-rule` and `postcss-nesting` together but coming across an issue where `@extend` definitions nested media queries are being stripped.

```
.foo {
color: red
}

.bar {
color: blue;

@media (min-width: 768px) {
@extend .red;
}
}
```
I would expect
```
.foo {
color: red
}

.bar {
color: blue;
}

@media (min-width: 768px) {
.bar {
color: red;
}
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.