codyhouse-framework

🆕 Added the following new utility classes:

• .items-baseline (flexbox), including responsive modifiers (e.g., .items-baseline@md)
• .cursor-pointer
• .min-height-100%, .min-height-100vh
• .min-width-100vw

🔬 Modified the z-index classes nomenclature:

• from .zindex-1 to .z-index-1
  A fallback is included (non-breaking changes).

We've pushed a minor fix for the grid gap in IE11.

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>

• Modify margin at specific breakpoint -> margin-{side}-{size}@{breakpoint}
• Modify padding at specific breakpoint -> padding-{side}-{size}@{breakpoint}
• Modify font-size at specific breakpoint -> text-{size}@{breakpoint}

More info on the Util docs page:

• Margin https://codyhouse.co/ds/docs/framework/utilities#margin
• Padding https://codyhouse.co/ds/docs/framework/utilities#padding
• Font-size https://codyhouse.co/ds/docs/framework/utilities#typography

New util classes:

• text-transform
• letter-spacing
• text-decoration
• reponsive variations of flex-grow and flex-shrink

• minor change to provide compatibility with auto-sized grid extension https://codyhouse.co/ds/components/app/auto-sized-grid

• Added grid offset utility classes
• added top/bottom/left/right util classes
• added .width-auto, .height-auto util classes

• New position utility classes;
• New overflow utility classes;
• New height-100vh and width-100vw utility classes;
• Minor changes to the scrollTo utility function.