Skip to content

Releases: helpscout/seed-spacing

Seed Spacing - v0.4.1

Choose a tag to compare

@ItsJonQ ItsJonQ released this 28 Sep 21:27

Changes

Updates to seed-breakpoints v0.4.0, which removes the xl responsive size.

The default 1-5em sizes were also removed from the config.

This allowed for an approx 50% decrease in final minified .css file size.
From roughly 60 KB -> 33 KB.

Seed Spacing - v0.3.1

Choose a tag to compare

@ItsJonQ ItsJonQ released this 03 Sep 15:08

Changes

This adds !important to the auto classes, which was missing before. This also groups "auto" into the various breakpoints for margin, which allows responsive auto classes to work with non-auto classes.

Resolves: #8

Seed Spacing - v0.2.0

Choose a tag to compare

@ItsJonQ ItsJonQ released this 17 Jul 16:48

Changes

Breakpoint/responsive classes that previously had a suffix of --at-size has been updated to use @size. This change was inherited from the Seed Breakpoints v0.3.0 update

Seed Spacing - v0.1.0

Choose a tag to compare

@ItsJonQ ItsJonQ released this 13 Jul 18:18

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 Spacing - v0.0.6

Choose a tag to compare

@ItsJonQ ItsJonQ released this 12 Jul 22:57

Changes

  • adds seed-breakpoints (and seed-props indirectly) for breakpoint sizing
  • updates generators to utilize breakpoint-prop-map mixin to loop through all applicable breakpoints

Seed Spacing - v0.0.3

Choose a tag to compare

@ItsJonQ ItsJonQ released this 04 Jul 22:14

Changes

This update adds a spacing utility function that can be used in your .scss code.

spacing($size)

Type: string or number | Default: 0

Accepts keys defined in the $seed-spacing-sizes sass map.

Usage:
// Input
body {
  margin: spacing(3);
}

// Output
body {
  margin: 12px;
}

The benefit of using this function throughout your codebase is to help ensure consistent usage of spacing.

Seed Spacing - v0.0.2

Choose a tag to compare

@ItsJonQ ItsJonQ released this 04 Jul 20:56

Initial release of seed-spacing utility pack!! <3