Unexpected result (with postcss-nested 5.0.2+)

[ScottSmith95]

The following input (with version 2.4.17):

@media (min-width: 50em) {
	.colophon-extended li {
		margin-bottom: 2.5rem;
		margin-bottom: var(--space-l3)
	}
}
@media (min-width: 50em) {
	.colophon-extended li img {
		margin-right: 2.5rem;
		margin-right: var(--space-l3)
	}
}
@media (min-width: 50em) {
	.container {
		max-width: 35em;
	}
}

Results in the following broken CSS:

@media (min-width: 50em) {
	margin-bottom: 2.5rem;
	margin-bottom: var(--space-l3);
	margin-right: 2.5rem;
	margin-right: var(--space-l3);

	.container {
		max-width: 35em;
	}
}

[yunusga]

Hi, @ScottSmith95 I was not able to reproduce the problem. I need the source CSS file. It looks like you have a syntax error in CSS somewhere.

[yunusga]

@ScottSmith95 i find your problem code. Issue fixed in v3.0.0. Problem with postcss-nested v5.0.2+ and async PostCSS API.

[ScottSmith95]

Ah! OK I was testing both postcss-nested and sort-media-queries and thought the issue might be with this one, not nested. Didn't realize async operation was a thing now. Appreciate your effort!