Prefixing CSS in Yii2?


I’m currently working with a SCSS file in Yii2. It is converted to CSS with an extension, but this extension doesn’t prefix the css. Is there a recommended way to prefix the CSS code within Yii2, or do I have to rely on third party software (like PrePros, …) ? I’ve scanned the forum and the docs, but don’t seem to find any information on it.

For clarification, I’m looking for a way to turn scss into prefixed css, so an example here:


=> should become =>

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

I’m not very familiar with asset conversion, so I might be wrong in the following.

First off, there’s a section on the conversion of SCSS files to CSS files in the document.

Guide > Application Structure > Assets > Asset Conversion

According to it, Yii is capable of converting SCSS to CSS out of the box.

And googling around for ‘scss vendor prefix’ shows me some tips regarding the automatic adding of vendor prefixes. It looks like that using mixin is a decent solution. One example is in the official docs of ‘SASS’.

And another approach might be using a third-party tool that automatically adds vendor prefixes while converting SCSS to CSS. Hopefully you might be able to customize the converter commands of Yii to use such a tool. But I’m not sure, because I’m a sheer noob in this area.

@everybody Correct me if I’m wrong. :pray: