Package Exports

seed-control-group

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (seed-control-group) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

seed-control-group

Control group object pack for Seed!

Install

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

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

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

// Packs
@import "pack/seed-control-group/_index";

Options

The following variables can be found in _config.scss

// Namespaces
$seed-control-group-namespace: "o-control-group" !default;
$seed-control-group-block-namespace: "#{$seed-control-group-namespace}__block" !default;

// Alignment
$seed-control-group-alignment: (
  left: flex-start,
  center: center,
  right: flex-end,
) !default;