mishal/iless-plugin-autoprefix

ILess plugin for autoprefixing CSS

ILess Plugin - Autoprefix

Autoprefixes the generated CSS using PostCSS autoprefixer plugin., _(*1)

Build Status

, _(*2)

Requirements

To use this plugin you need node.js > 0.12 installed on the machine., _(*3)

Installation

Install using composer:, _(*4)

$ composer require mishal/iless-plugin-autoprefix

Install requirements, _(*5)

$ npm install postcss-cli autoprefixer

See package.json for required versions., _(*6)

Programmatic Usage

use ILess\Parser;
use ILess\Plugin\Autoprefix\AutoprefixPlugin;

$parser = new Parser();
// register the plugin
$parser->getPluginManager()->addPlugin(new AutoprefixPlugin([
    // see https://github.com/ai/browserslist
    'browsers' => ['last 2 versions']
]));

$parser->parseFile('/example.less');
$css = $parser->getCSS();

Less Code – Example.less

a {
  display: flex;
}

Generated CSS

a {
  display: -ms-flexbox;
  display: flex;
}