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

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -