Seed Props - v0.3.0

Changes

A simple, but important change. This automatically adds the -before the mapped class name.

Before

.class- {
  @include prop-map($map, (size) {
    ...
  }
}

After

.class {
  @include prop-map($map, (size) {
    ...
  }
}

Seed Props - v0.1.0

Important note for Packs!

The previous pack structure had a namespace issue that could potentially prevent the importing of .scss files of the same name.

This update fixes that issue, and renames the __all.scss main file to __index.scss.

The new @import method will be like:

@import "pack/seed-salad/_index";

The scheme works like:
pack -> Namespace to identify that this is a seed pack
seed-salad -> The name of the seed pack
_index -> The file(s) to import

Example of new naming scheme for importing mixins (of the same name) files from multiple packs:

@import "pack/seed-hamburger/mixins/sauces";
@import "pack/seed-pizza/mixins/sauces";
@import "pack/seed-hotdog/mixins/sauces";

See https://github.com/helpscout/seed-cli/releases/tag/0.2.0

Seed Props - v0.0.2

Changes

This was added to support breakpoint loops in seed-breakpoints

Usage:

// scss
.col- {
  @include prop-map($obj, (width), --at-sm) {
    width: prop(width);
  }
}

// css
.col-1--at-sm {
  width: 10px;
}