sass - Combine multiple CSS Preprocessors -
we have hundreds of .less files in production, start incorporating .scss files well.
would need make own file type in order compile mutliple types of css preprocessor files or there way this:
@import 'less-styles.less'; @import 'scss-styles.scss'; @import 'stylus-styles.styl'; //potentially whereby produces single css file in order.
because of valid css code valid less code, compile scss , stylus files first css , import that.
sass scss-styles.scss scss-styles.css than in less code:
@import (less) scss-styles.css the less keyword above does:
less: treat file less file, no matter file extension
the above means can extend , mixin css selectors scss-styles.css file  in less code.
notice variables , mixins from scss-styles.css file not available (re)use in less.
if need variables , mixins too, solution seems to convert scss less. see also: https://github.com/bassjobsen/grunt-scss2less
you should able same stylus (.styl) files.
Comments
Post a Comment