fluent-css
Advanced tools
Comparing version
@@ -12,2 +12,3 @@ 'use strict'; | ||
var concat = require('gulp-concat'); | ||
var runSequence = require('run-sequence'); | ||
@@ -61,8 +62,13 @@ gulp.task('sass', ['sass:clean'], function () { | ||
gulp.task('sass:clean', function () { | ||
var output = getPath(process.argv); | ||
gulp.task('sass:clean', function () { | ||
var shouldclean = getParam("clean"); | ||
if(shouldclean == "false"){ | ||
return; | ||
} | ||
var output = getPath(); | ||
return gulp.src(output + '*.css*').pipe(clean({ read: false, force: true })); | ||
}) | ||
}); | ||
gulp.task('sass:watch', () => gulp.watch('./**/*.scss', ['sass:clean', 'sass'])); | ||
gulp.task('sass:watch', () => gulp.watch('./**/*.scss', ['sass'])); | ||
@@ -69,0 +75,0 @@ var getPackages = function () { |
{ | ||
"name": "fluent-css", | ||
"version": "1.2.1", | ||
"version": "1.2.2", | ||
"description": "write fluent css", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1", | ||
"build": "gulp sass" | ||
"build": "gulp sass", | ||
"clean": "gulp sass:clean", | ||
"watch": "gulp sass:watch", | ||
"gzip": "gulp sass --gzip" | ||
}, | ||
@@ -9,0 +12,0 @@ "keywords": [ |
@@ -12,2 +12,5 @@ | ||
## Or just start watching (with all paramters e.g. --gzip) | ||
`npm run watch` | ||
## Deactivate sourcemaps default is true | ||
@@ -22,10 +25,22 @@ `npm run build -- --sourcemaps=false` | ||
## change output filename | ||
## Or start gzipping (with all paramters e.g. --gzip) | ||
`npm run gzip -- --clean=false` | ||
## Change output filename | ||
`npm run build -- --filename=main.css` | ||
## Too much? Limit to the packages you need | ||
`npm run build -- --packages='display, position'` | ||
## Deactivate clean | ||
`npm run build -- --clean=false` | ||
## Or just clean up | ||
`npm run clean` | ||
# Combine them! | ||
`npm run build -- --gzip --compress=false --souremap=false --ouput=../ filename=main.css` | ||
# Usage of fluent-css | ||
# Usage of fluent-css | ||
## to import fluent-css, simply copy this line in your scss stylesheet | ||
@@ -36,7 +51,2 @@ ```scss | ||
## or import only the package you need | ||
```scss | ||
@import 'fluent-css/display'; | ||
``` | ||
## padding and margin | ||
@@ -92,6 +102,2 @@ ```html | ||
## Too much? | ||
### limit to the packages you need | ||
`npm run build -- --packages='display, position'` | ||
## Example for margin | ||
@@ -98,0 +104,0 @@  |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
3642380
0.02%17
13.33%95
5.56%103
6.19%