SASS compiling #39924
-
Prerequisites
Describe the issueWhen running sass compiler on my .scss file https://github.com/CSOIreland/CSOBSTheme/blob/main/dist/app.bootstrap.guideline.scss A few class groups are dissapearing e.g.
and
I have tried webpack, live sass compiler and dart sass compiler and all give same output. Any insight into this behavior would be much appreaciated. Reduced test casesHave tried three different sass compilers Webpack, live sass compiler and dart sass compiler What operating system(s) are you seeing the problem on?Windows What browser(s) are you seeing the problem on?Chrome, Safari, Firefox, Microsoft Edge, Opera What version of Bootstrap are you using?5.3.3 |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 8 replies
-
thanks for investigating, really appreciate it. No it doesn't, im wondering is it a windows thing |
Beta Was this translation helpful? Give feedback.
-
Hello @lanesCSO I've cloned your project and run:
After analyzing your Sass files and compilation.
For this use case, it's probably because you don't use autoprefixer in your build. On your side, we have our .browserlistrc and a postcss.config.mjs that applies autoprefixer. If I change our build to drop this config, I'd have for instance: -.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
- color: rgba(var(--bs-body-color-rgb), 0.65);
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
-}
For the second use case disappearing, it's because you have Lines 452 to 463 in d7b22b7 |
Beta Was this translation helpful? Give feedback.
Hello @lanesCSO
FYI I've transformed your issue into a GH Q&A Discussion first.
I've cloned your project and run:
After analyzing your Sass files and compilation.
For this use case, it's probably because you don't use autoprefixer in your build. On your side, we have our .browserlistrc and a postcss.config.mjs that applies autoprefixer.
If I change our build to drop this config, I'd have for instance: