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