[ SASS ] display : flex をベンダープレフィックス対応にする mixin - Qiita

今時flexをベンダープレフィックス対応にする需要が どの程度あるのか疑問ですが、sass学習の一環として作ってみました。 ※括弧内に入れた文字列が間違っていたり空だった場合は、 デフォルト値で出力するようになっています。 SCSS _mixin.scss で読み込むようにします。 // display: flex // ---------------------------------------- // @mixin flex { display: flex; display: -ms-flex; display: -webkit-flex; } // flex-direction // - row : row // - rowR : row-reverse // - col : column // - colR : column-reverse @mixin flexDirectio