Open jcfranco opened 5 years ago
Maybe I'm missing some context here but did you expect to see different? 😄
Yes, I've updated the description with info on the expected result.
Could you share the versions of @stencil
for me? I'm trying to reproduce the issue but I don't have the problems you are facing. thanks 🙏🏻
These are our latest stencil deps: @stencil/core@1.1.3
, @stencil/postcss@1.0.1
, and @stencil/sass@1.0.1
. Now, there's only a minor difference in the generated CSS:
:host .test {
/* missing -> display: -ms-grid; */
display: grid;
transition: all 0.5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: linear-gradient(to bottom, white, black);
}
FWIW, I wasn't able to reproduce the original issue using our previous deps: @stencil/core@one
, @stencil/postcss@0.1.0
, and @stencil/sass@0.2.3
. Probably something wrong with my setup.
Hey there, thank you for the patience getting back to you. The new team is getting started and we're working through the backlog now. Can you help my out by creating a reproduction repo with the latest versions of @stencil/core, @stencil/postcss, and @stencil/sass?
@stencil/postcss seems to only transpile files that have the file extensions .css, .pcss, or .postcss as stated in the documentation.
So based on that, i guess you should only use @stencil/postcss OR @stencil/sass but not both. I however think it would be very beneficial to be able to use both in combination, since using postcss after a sass compilation is common practice.
Maybe I'm missing something, but I don't notice any difference in output in a project that has both
@stencil/sass
and@stencil/postcss
plugins.Here's my config:
and my
.browserslistrc
looks like so:I am not seeing any difference in the CSS that's inlined in the built components with and without PostCSS + Autoprefixer.
test class
same output with and without PostCSS + Autoprefixer (formatted for readability)
If you use the test class in the Autoprefixer playground, and set the filter to
last 2 chrome versions, last 2 edge versions, last 2 ff versions, last 2 safari versions, last 2 ios versions, ie 11
, you get the following:expected