<===> input.scss
@mixin flex($grow: 1, $shrink: null, $basis: null) {
-webkit-box-flex: $grow;
-webkit-flex: $grow $shrink $basis;
-moz-box-flex: $grow;
-moz-flex: $grow $shrink $basis;
-ms-flex: $grow $shrink $basis;
flex: $grow $shrink $basis;
}
[flex] {
@include flex;
}
<===> output.css
[flex] {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}