This release adds the missing alias for $color--fa-blue--xx-light.

This release slightly darkens the existing $color--fa-blue--x-light and adds a new $color--fa-blue--xx-light in its place. This is required for the new parentHeader variant in Origin's Table component.

This release introduces a media query utility mixin and a range of small, medium, large, x-large, and xx-large breakpoints for using with it.

These breakpoints may change over time, but for the purposes of introducing Grid and Block Grid components in Origin these are working well.

This release adds a new dark variant of our base FA Blue color: fa-blue--xx-dark. The first application of this color will be as headings in our editorial work (e.g. freeagent.com website)

This release allows shorthand values for margin and padding properties to be used. Using shorthand is completely optional, so there are no breaking changes here.

This switches the spacing units we use for margin and padding utilities from ems to rems.

em units are useful when scale should be derived from the font-size of an individual element. But by default, scale should be derived from a single global unit: the font-size of html. This is what rems do. Now our margin and padding values will be consistent to a single scale, regardless of their dimensions or markup structure.

If in future we want to use em (an example may be when we implement a Heading component, where bottom margins should be linked to the heading sizes), we can do so.

Fixes a bug where max-width utility classes were always being rendered in output CSS, even when being passed a false flag.

This release adds a Sass version of normalise.css and @imports it into the utilities. Up until now, projects using utilities have included normalise.css manually, but it should be baked in. For more details on the approach and reasoning, see #15.

Update guidance: remove any existing instances of normalize.css in your project.

This removes all instances of fa- namespacing from the whole utility codebase, except our colours. Removing them from colours too may be done in a future release.

The namespacing was originally introduced to clarify when certain properties had custom FreeAgent-centric values. But as more designers and engineers have actually used the utilities, that distinction has proved unnecessary. If removing them means typing less characters and keeping code clear, we should do it. Removing them also brings the naming conventions of mixins and utility classes closer together.

Example

Before

.MyComponent {
  @include fa-background-color(gray-13);
  @include fa-font-family(default);
  @include fa-font-size(large);
  @include fa-line-height(tight);
  @include fa-text-color(fa-blue);
}

After

.MyComponent {
  @include background-color(gray-13);
  @include font-family(default);
  @include font-size(large);
  @include line-height(tight);
  @include text-color(fa-blue);
}

Bug fix: adds missing $line-height--11 from values map. Previous state of code meant that u-line-height--11 utility classes weren't being generated.