@seedcss/seed-control
Advanced tools
Comparing version 0.0.6 to 0.0.7
{ | ||
"name": "@seedcss/seed-control", | ||
"version": "0.0.6", | ||
"version": "0.0.7", | ||
"description": "Control config pack for Seed", | ||
@@ -38,12 +38,9 @@ "main": "index.js", | ||
], | ||
"engines": { | ||
"node": ">=4" | ||
}, | ||
"devDependencies": { | ||
"mkdirp": "^0.5.1", | ||
"node-sass": "^4.9.3" | ||
"node-sass": "^4.9.3", | ||
"sass-pathfinder": "^0.0.5" | ||
}, | ||
"dependencies": { | ||
"@seedcss/seed-dash": "^0.0.6", | ||
"sass-pathfinder": "0.0.5" | ||
"@seedcss/seed-dash": "^0.0.7" | ||
}, | ||
@@ -55,5 +52,3 @@ "publishConfig": { | ||
"homepage": "https://github.com/helpscout/seed/", | ||
"postversion": "npm run build", | ||
"prepack": "npm run build", | ||
"gitHead": "8bf23e91822b26218c812f2ea845a0f33773a62a" | ||
"gitHead": "0749da9715a0e19c23feb2570c6c88583a1fce02" | ||
} |
@@ -1,6 +0,9 @@ | ||
# seed-control [![Build Status](https://travis-ci.org/helpscout/seed-control.svg?branch=master)](https://travis-ci.org/helpscout/seed-control) [![npm version](https://badge.fury.io/js/%40seedcss%2Fseed-control.svg)](https://badge.fury.io/js/%40seedcss%2Fseed-control) | ||
# seed-control | ||
Control config pack for [Seed](https://github.com/helpscout/seed)! | ||
[![npm version](https://badge.fury.io/js/%40seedcss%2Fseed-control.svg)](https://badge.fury.io/js/%40seedcss%2Fseed-control) | ||
> Control config pack for Seed | ||
## Install | ||
``` | ||
@@ -14,24 +17,30 @@ npm install @seedcss/seed-control --save | ||
## Basic Usage | ||
### SCSS | ||
This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp: | ||
```javascript | ||
var gulp = require('gulp'); | ||
var sass = require('gulp-sass'); | ||
var pack = require('seed-control'); | ||
const gulp = require("gulp"); | ||
const sass = require("gulp-sass"); | ||
const pathfinder = require("sass-pathfinder"); | ||
const pack = require("@seedcss/seed-control"); | ||
gulp.task('sass', function () { | ||
return gulp.src('./sass/**/*.scss') | ||
.pipe(sass({ | ||
includePaths: pack | ||
})) | ||
.pipe(gulp.dest('./css')); | ||
gulp.task("sass", function() { | ||
return gulp | ||
.src("./sass/**/*.scss") | ||
.pipe( | ||
sass({ | ||
includePaths: pathfinder( | ||
// Other includePaths... | ||
pack | ||
) | ||
}) | ||
) | ||
.pipe(gulp.dest("./css")); | ||
}); | ||
``` | ||
Once that is setup, simply `@import` *seed-control* as needed in your `.scss` file: | ||
Once that is setup, simply `@import` **seed-control** as needed in your `.scss` file: | ||
@@ -43,2 +52,4 @@ ```scss | ||
## Options | ||
@@ -49,4 +60,4 @@ | ||
```scss | ||
// Control :: Config | ||
// Control :: Config | ||
$seed-control-size-default: 36px !default; | ||
@@ -71,2 +82,3 @@ | ||
) !default; | ||
``` | ||
``` |
@@ -14,3 +14,3 @@ var fs = require('fs'); | ||
var banner = ['/**', | ||
' * '+ pkg.name +' v'+ pkg.version + homepage(), | ||
' * '+ pkg.name + homepage(), | ||
' * '+ pkg.description, | ||
@@ -17,0 +17,0 @@ ' * Licensed under '+ pkg.license, |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1
80
7353
3
1
+ Added@seedcss/seed-dash@0.0.7(transitive)
- Removedsass-pathfinder@0.0.5
- Removed@seedcss/seed-dash@0.0.6(transitive)
- Removedlodash.flattendeep@4.4.0(transitive)
- Removedlodash.uniq@4.5.0(transitive)
- Removedsass-pathfinder@0.0.5(transitive)
Updated@seedcss/seed-dash@^0.0.7