Responsive gap helpers + color shades util classes

In version 2.5.0, we've introduced a new set of gap-{size} util classes. They replace the .grid-gap-{size} and flex-gap-{size} util classes. They're also available as responsive modifiers -> gap-{size}@{breakpoint}.

<div class="grid gap-xs gap-md@md"></div>

The .grid-gap-{size} and flex-gap-{size} util classes are still in the framework, therefore updating to v2.5.0 won't break your grids. However, we haven't added responsive helpers for .grid-gap and .flex-gap.

The color, border, and background util classes now include all the color variations (e.g., light, lighter, etc.).

<div class="bg-primary-lighter"></div>