Closed seleckis closed 5 years ago
Seems classes are not combined when placeholders are imported from another file:
/* foo.pcss */ %foo { color: black; } /* bar.pcss */ @import "./foo.pcss"; .bar { @extend %foo; } /* baz.pcss */ @import "./foo.pcss"; .baz { @extend %foo; }
posts-extend produces:
.bar { color: black; } .baz { color: black; }
so it produces duplicated code. I use postcss-partial-import for imports.
postcss-partial-import
Or this can be resolved in a different way?
Closing this, as I have figured out that when files are imported then %foo placeholder is placed there twice. So seems it is an issue with imports
Seems classes are not combined when placeholders are imported from another file:
posts-extend produces:
so it produces duplicated code. I use
postcss-partial-import
for imports.Or this can be resolved in a different way?