Browser Support (Autoprefixer)
Since version 1.4 all vendor prefixes were removed from SCSS files and Autoprefixer is used instead. Now 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 latets CSS3 features.
Customize browser support via Autoprefixer settings
Autoprefixer is integral part of Grunt building process. So to customize its settings you need to go to
gruntfile.js and found
autoprefixer task. You will see
browsers settings under
options. It's currently set to
['> 5%', 'last 3 versions', 'ie 10', 'ie 11'] which reflects the browser set I retrieved from my Google analytics. 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/ai/browserslist.