I have an application that uses the SCSS telerik theme
/*Bootstrap v4 custom variables*/
@import
"lib_overwrite/bootstrap_variables_overwirte"
;
/*Kendo UI custom variables*/
@import
"lib_overwrite/sbkvariables"
;
/*Keno UI - Bootstrap v4 theme*/
@import
"../../../node_modules/@progress/kendo-theme-bootstrap/scss/all"
;
/*Original Bootstrap v4 reboot*/
@import
"../../../node_modules/bootstrap/scss/bootstrap-reboot"
;
/*Original Bootstrap v4*/
@import
"../../../node_modules/bootstrap/scss/bootstrap"
;
/*Custom sass*/
@import
"main"
;
but the resulting css does not contain the browser prefix styles. I have found this because on IE 11 the filter grid row contains the input fields but they do not have the same width as the column. But If I add the "-ms-flex 1 1 0px" that exist on the telerik site the input fields have the correct width.
How can the browser prefix be generated using SCSS for the telerik?