Convert Less Css files to Sass (.scss) files.
npm install grunt-lassie> Convert LESS files to SASS (.scss) (forked from grunt-less-to-sass)
This plugin requires Grunt ~0.4.5
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install grunt-lassie --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('grunt-less-to-sass');
#### excludes
- Description: An Array-List of replacements name to excludes. See all replacements
- Type: Array[]
- Default: ['default']
- Example: ;
#### replacements
- Description: An Array of custom replacements.
- Type: Array[]
- Default: `
- Example:javascript`
[{
pattern: /(\s+)\.([\w\-])\s\((.*)\);/gi,
replacement: '$1@include $2($3)',
order: 2 // order of execution
}];
`js``
lessToSass: {
convert: {
files: [{
expand: true,
cwd: 'test/fixtures',
src: ['*.less'],
ext: '.scss',
dest: 'test/expected'
}]
},
excludes_replacements: {
files: [{
expand: true,
cwd: 'test/fixtures',
src: ['*.less'],
ext: '.scss',
dest: 'test/expected'
}],
options:
{
excludes: ['default']
}
},
convert_within_custom_replacements: {
files: [{
expand: true,
cwd: 'test/fixtures',
src: ['default.less'],
ext: '.scss',
dest: 'test/expected'
}],
options:
{
replacements: [{
pattern: /(\s+)\.([\w\-])\s\((.*)\);/gi,
replacement: '$1@include $2($3)',
order: 2
}]
}
}
}
- @extend
- @import
- @include
- @include_nested
- @mixin
- adjust-hue
- condition
- default
- ie-hex-str
- important
- interpolation
- mix
- rgba
- unquote
- variables