Seed: A component-first CSS design system.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
scripts
scss/pack/seed-framework
test
.gitignore
.sass-lint.yml
.travis.yml
LICENSE
README.md
index.js
package.json
seed.png

README.md

Seed Framework Build Status npm version dependencies Status

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

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";