helpscout / seed-framework

Seed: A component-first CSS design system.

Seed Framework

Seed CSS Framework!

JS is powered by Bootstrap.js

Install

npm install seed-framework --save

WIP

This project has evolved like cray! There's lots more that needs to be added.

Todo components

• Base styles
• Dropdowns
• Modal
• Popover
• Table
• Tooltip
• Progress bar
• Spinner
• Responsive video
• Breadcrumb
• Nav
• Pagination
• Form group

Documentation

You can find most of our documentation here!

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-framework');

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

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

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