Skip to content
Base styles pack for Seed
Branch: master
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-base
test
.gitignore
.npmignore
.sass-lint.yml
.travis.yml
LICENSE
README.md
index.js
package.json

README.md

seed-base npm version

Base styles pack for Seed!

Install

npm install seed-base --save

Documentation

Check out our 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-base');

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

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

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

Options

The following variables can be found in _config.scss

// Config: Type
$seed-base-margin-bottom: 16px !default;

// Config: Headings
$seed-base-heading-color: inherit !default;
$seed-base-heading-font-family: inherit !default;
$seed-base-heading-font-weight: 500 !default;
$seed-base-heading-line-height: 1.1 !default;
$seed-base-heading-margin-bottom: 8px !default;
$seed-base-heading-margin-top: 0 !default;

// Config: Small
$seed-base-small-font-size: 80% !default;
$seed-base-small-font-weight: normal !default;

// Config: Mark
$seed-base-mark-background-color: #fcf8e3 !default;
$seed-base-mark-padding: 0.2em !default;

// Config: Code
$seed-base-code-background-color: rgba(black, 0.08) !default;
$seed-base-code-border-radius: 3px !default;
$seed-base-code-color: #000 !default;
$seed-base-code-font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$seed-base-code-font-size: 85% !default;
$seed-base-code-padding: 0.16em 0.4em !default;

// Config: Pre
$seed-base-pre-color: #373a3c !default;
You can’t perform that action at this time.