Negligent Parachute Maintainers
Wondering what’s next for npm?Check out our public roadmap! »

seed-opacity

0.0.2 • Public • Published

seed-opacity Build Status npm version Dependencies

Opacity utility pack for Seed!

Install

npm install seed-opacity --save

Documentation

Check out our styleguide for documentation of this pack.

Basic Usage

SCSS

This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:

var gulp = require('gulp');
var sass = require('gulp-sass');
var pack = require('seed-opacity');
 
gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass({
      includePaths: pack
    }))
    .pipe(gulp.dest('./css'));
});

Once that is setup, simply @import seed-opacity as needed in your .scss file:

// Packs
@import "pack/seed-opacity/_index";

Options

The following variables can be found in _config.scss

// Namespaces
$seed-opacity-namespace: "u-op" !default;
 
// Opacity
$seed-opacity: (
  0: 0,
  1: 0.1,
  2: 0.2,
  3: 0.3,
  4: 0.4,
  5: 0.5,
  6: 0.6,
  7: 0.7,
  8: 0.8,
  9: 0.9,
  10: 1
) !default;

Install

npm i seed-opacity

DownloadsWeekly Downloads

76

Version

0.0.2

License

MIT

Last publish

Collaborators

  • avatar