@seedcss/seed-bootstrap-fade - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

package.json

 {
   "name": "@seedcss/seed-bootstrap-fade",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Bootstrap fade animation pack for Seed",
@@ -40,11 +40,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-publish": "^0.0.6"
+    "@seedcss/seed-publish": "^0.0.7"
   },
@@ -55,5 +53,3 @@ "publishConfig": {
   "prepublish": "npm run build",
-  "postversion": "npm run build",
-  "prepack": "npm run build",
-  "gitHead": "8bf23e91822b26218c812f2ea845a0f33773a62a"
+  "gitHead": "0749da9715a0e19c23feb2570c6c88583a1fce02"
 }

README.md

@@ -1,6 +0,9 @@
-# seed-bootstrap-fade [![Build Status](https://travis-ci.org/helpscout/seed-bootstrap-fade.svg?branch=master)](https://travis-ci.org/helpscout/seed-bootstrap-fade) [![npm version](https://badge.fury.io/js/%40seedcss%2Fseed-bootstrap-fade.svg)](https://badge.fury.io/js/%40seedcss%2Fseed-bootstrap-fade)
+# seed-bootstrap-fade
 
-Bootstrap fade animation pack for [Seed](https://github.com/helpscout/seed)!
+[![npm version](https://badge.fury.io/js/%40seedcss%2Fseed-bootstrap-fade.svg)](https://badge.fury.io/js/%40seedcss%2Fseed-bootstrap-fade)
 
+> Bootstrap fade animation pack for Seed
+
 ## Install
+
 ```
@@ -14,24 +17,30 @@ npm install @seedcss/seed-bootstrap-fade --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-bootstrap-fade');
+const gulp = require("gulp");
+const sass = require("gulp-sass");
+const pathfinder = require("sass-pathfinder");
+const pack = require("@seedcss/seed-bootstrap-fade");
 
-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-bootstrap-fade* as needed in your `.scss` file:
+Once that is setup, simply `@import` **seed-bootstrap-fade** as needed in your `.scss` file:
 
@@ -42,1 +51,18 @@ ```scss
 ```
+
+
+
+## Options
+
+The following variables can be found in `_config.scss`
+
+```scss
+// bootstrap-fade :: Config
+
+// Namespaces
+$seed-bootstrap-fade-namespace: "fade" !default;
+$seed-bootstrap-fade-in-namespace: "fade.in" !default;
+// Config
+$seed-bootstrap-fade-transition: opacity 0.15s linear !default;
+
+```

scripts/banner.js

@@ -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,

New alerts

New author

Supply chain risk

A 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

Improved metrics

Total package byte prevSize

7493

increased by2.41%

Number of lines in readme file

66

increased by60.98%

Worsened metrics

Dev dependency count

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@seedcss/seed-publish@0.0.7(transitive)

• - Removed@seedcss/seed-publish@0.0.6(transitive)

• Updated@seedcss/seed-publish@^0.0.7