Browser support

Vendor prefixes are not used inside SCSS instead we use Autoprefixer to handle intended browser support via CSS prefixes. After compilation CSS styles are passed through Autoprefixer to add necessary vendor prefixes. As you know vendor prefixes are important to ensure cross-browser compatibility of latest CSS3 features.

Customize browser support via Autoprefixer settings

Autoprefixer is integral part of Gulp / Node building process. So to customize its settings you need to go to package.json and find "browserslist" array. It's currently set to the Bootstrap's default list of browsers.

Generally it's a good practice to collect some analytics about what Browsers/OSs your visitors use. And then customize Autoprefixer settings based on this data.

For more information about available Browserlist options visit https://github.com/browserslist/browserslist.

Autoprefixer
Top