Skip to content

Commit 0c108d6

Browse files
committed
Renamed to postcss-less-engine
1 parent 52e7d04 commit 0c108d6

File tree

4 files changed

+36
-17
lines changed

4 files changed

+36
-17
lines changed

README.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ Instead of trying to assemble a hodge-podge collection of PostCSS plugins that "
1616
* Less.js does not save "raws" when parsing. It also only preserves the start line / column of your source, which is still fine for Source Maps.
1717

1818
## How is this different from a Less plugin?
19-
A plugin like [less-plugin-autoprefix] parses your CSS twice. First, [Less.js] parses your `.less`, evaluates it, and outputs CSS as a string. Then, PostCSS parses the string to make an AST. The [postcss-less-parser] plugin directly converts the evaluated Less AST to a PostCSS AST without re-parsing. WHICH WAS REALLY HARD.
19+
A plugin like [less-plugin-autoprefix] parses your CSS twice. First, [Less.js] parses your `.less`, evaluates it, and outputs CSS as a string. Then, PostCSS parses the string to make an AST. The [postcss-less-engine] plugin directly converts the evaluated Less AST to a PostCSS AST without re-parsing. WHICH WAS REALLY HARD.
2020

2121
I'm not sure if that would have a major performance difference or not. Someone else can do the benchmarks, my brain is full.
2222

@@ -25,30 +25,30 @@ I'm not sure if that would have a major performance difference or not. Someone e
2525
[Less.js]: https://github.com/less/less.js
2626
[ci-img]: https://travis-ci.org/Crunch/postcss-less.svg
2727
[ci]: https://travis-ci.org/Crunch/postcss-less
28-
[postcss-less-parser]: https://github.com/Crunch/postcss-less-parser
28+
[postcss-less-engine]: https://github.com/Crunch/postcss-less
2929

3030

3131
## Usage
3232

33-
Follow these simple steps to use [postcss-less-parser].
33+
Follow these simple steps to use [postcss-less-engine].
3434

35-
Add [postcss-less-parser] to your build tool:
35+
Add [postcss-less-engine] to your build tool:
3636

3737
```bash
38-
npm install postcss-less-parser --save-dev
38+
npm install postcss-less-engine --save-dev
3939
```
4040

4141
#### Node
4242

4343
```js
44-
var less = require('postcss-less-parser');
44+
var less = require('postcss-less-engine');
4545
less({ /* Less.js options */ }).process(YOUR_CSS, { parser: less.parser });
4646
```
4747

48-
Load [postcss-less-parser] as a PostCSS plugin:
48+
Load [postcss-less-engine] as a PostCSS plugin:
4949

5050
```js
51-
var less = require('postcss-less-parser');
51+
var less = require('postcss-less-engine');
5252
postcss([
5353
less({ /* Less.js options */ })
5454
]).process(YOUR_CSS, { parser: less.parser }).then(function (result) {
@@ -64,15 +64,15 @@ Add [Gulp PostCSS] to your build tool:
6464
npm install gulp-postcss --save-dev
6565
```
6666

67-
Enable [postcss-less-parser] within your Gulpfile:
67+
Enable [postcss-less-engine] within your Gulpfile:
6868

6969
```js
7070
var postcss = require('gulp-postcss');
7171

7272
gulp.task('less', function () {
7373
return gulp.src('./css/src/style.less').pipe(
7474
postcss([
75-
require('postcss-less-parser')({ /* Less.js options */ })
75+
require('postcss-less-engine')({ /* Less.js options */ })
7676
])
7777
).pipe(
7878
gulp.dest('./css')
@@ -85,20 +85,20 @@ gulp.task('less', function () {
8585
Add [Grunt PostCSS] to your build tool:
8686

8787
```sh
88-
npm install postcss-less-parser --save-dev
88+
npm install postcss-less-engine --save-dev
8989
```
9090

91-
Enable [postcss-less-parser] within your Gruntfile:
91+
Enable [postcss-less-engine] within your Gruntfile:
9292

9393
```js
9494
grunt.loadNpmTasks('grunt-postcss');
9595

9696
grunt.initConfig({
9797
postcss: {
9898
options: {
99-
parser: require('postcss-less-parser'),
99+
parser: require('postcss-less-engine'),
100100
processors: [
101-
require('postcss-less-parser')({ /* Less.js options */ })
101+
require('postcss-less-engine')({ /* Less.js options */ })
102102
]
103103
},
104104
dist: {

gulpfile.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
11
var gulp = require('gulp');
22
var postcss = require('postcss');
33
var less = require('./');
4+
45
var autoprefixer = require('autoprefixer');
6+
var clean = require('postcss-clean');
7+
58
var fs = require('fs');
69
var path = require('path');
710

811
gulp.task('test', function() {
912
var mocha = require('gulp-mocha');
10-
return gulp.src('test/*.js', { read: false }).pipe(mocha());
13+
return gulp.src('test/parse.js', { read: false }).pipe(mocha());
1114
});
1215

1316
function testLess(filename, plugins) {
@@ -24,6 +27,10 @@ gulp.task('integration', function(done) {
2427
testLess('tests', [less(), autoprefixer()]);
2528
});
2629

30+
gulp.task('plugins', function(done) {
31+
testLess('plugins', [less({ strictMath: true }), autoprefixer(), clean()]);
32+
});
33+
2734

2835
gulp.task('benchmark', function(done) {
2936
testLess('benchmark', [less()]);

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"name": "postcss-less-parser",
3-
"version": "0.5.1",
2+
"name": "postcss-less-engine",
3+
"version": "0.6.0",
44
"description": "PostCSS plugin for integrating the popular Less CSS pre-processor into your PostCSS workflow",
55
"keywords": [
66
"postcss",

test/less/plugins.less

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.add-bg-size(@size) {
2+
-webkit-background-size+: @size;
3+
background-size+: @size;
4+
}
5+
6+
@default-size: 20px;
7+
8+
.box {
9+
.add-bg-size(@default-size (@default-size / 2));
10+
.add-bg-size(cover);
11+
width: calc(100% - 50px);
12+
}

0 commit comments

Comments
 (0)