seed-helpscout-theme

0.0.4 • Public • Published

seed-helpscout-theme Build Status npm version dependencies Status

Help Scout theme pack for Seed!

This theme pack is based off the Help Scout color scheme.

File size

Minified Gzipped
6.5 KB 1.2 KB

Install

npm install seed-helpscout-theme --save

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-helpscout-theme');
 
gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass({
      includePaths: pack
    }))
    .pipe(gulp.dest('./css'));
});

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

// Packs 
@import "pack/seed-helpscout-theme/_index";

Options

The following variables can be found in _config.scss

$seed-helpscout-theme-background-color-namespace: "t-bg" !default;
$seed-helpscout-theme-text-color-namespace: "t-tx" !default;
 
// Theme colors 
// Constructing the color palette from seed-color-scheme-helpscout 
$seed-helpscout-theme-colors: (
  // Base colors
  black_get($seed-color-scheme-helpscout, black),
  white_get($seed-color-scheme-helpscout, white),
  // Primary colors
  blue_get($seed-color-scheme-helpscout, blue),
  charcoal: _get($seed-color-scheme-helpscout, charcoal),
  grey_get($seed-color-scheme-helpscout, grey),
  // Secondary colors
  yellow_get($seed-color-scheme-helpscout, yellow),
  green_get($seed-color-scheme-helpscout, green),
  red_get($seed-color-scheme-helpscout, red),
  purple_get($seed-color-scheme-helpscout, purple),
  orange_get($seed-color-scheme-helpscout, orange),
!default;

Package Sidebar

Install

npm i seed-helpscout-theme

Weekly Downloads

427

Version

0.0.4

License

MIT

Last publish

Collaborators

  • itsjonq