grunt-less-to-sass

Convert Less Css files to Sass (.scss) files

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
grunt-less-to-sass
0.0.109 years ago9 years agoMinified + gzip package size for grunt-less-to-sass in KB

Readme

Grunt-less-to-sass
Convert LESS files to SASS (.scss)

Getting Started

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:
npm install grunt-less-to-sass --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-less-to-sass');

Options

excludes

  • Description: An Array-List of replacements name to excludes. See all replacements
  • Type: Array
  • Default: []
  • Example: ['default'];

replacements

  • Description: An Array of custom replacements.
  • Type: Array
  • Default: []
  • Example:
[{
  pattern: /(\s+)\.([\w\-]*)\s*\((.*)\);/gi,
  replacement: '$1@include $2($3)',
  order: 2 // order of execution 
}];

Usage Examples

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
    }]
  }
}

Replacements rules

See all replacements rules