Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including seed-link with all npm packages installed. Try it out:

var seedLink = require("seed-link")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

seed-link v0.0.3

Link component pack for Seed

seed-link Build Status npm version

Link component pack for Seed!

Install

npm install seed-link --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-link');

gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass({
      includePaths: pack
    }))
    .pipe(gulp.dest('./css'));
});

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

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

Options

The following variables can be found in _config.scss

// Namespaces
$seed-link-namespace: "c-link" !default;

// Config
$seed-link-include-a-selector: true !default;

// Colors
$seed-link-color: #3197d6 !default;
$seed-link-color-hover: #71BFF1 !default;
$seed-link-color-active: #71BFF1 !default;

// Outline
$seed-link-focus-outline: 5px auto -webkit-focus-ring-color !default;
$seed-link-focus-outline-offset: -2px !default;

// Transition
$seed-link-transition: none !default;

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free