Gamma 5

Cirrus 0.6.3 mainly focuses on making existing classes more consistent, fixing existing UI bugs, and introducing some new bigger changes like Tags and viewport support for margin/padding.

In the mean time, I have been working quite hard on Cirrus Blocks which gives developers a faster way to prototype with Cirrus with a large collection of new components built using Cirrus. You can check out the repository here.

🎉 Features

• Update headline font sizes to have less of a gap from h1. 7d63a17
• Update header font sizes for h1 and h2. 718d676
• Move :root declaration from theme.scss to default.scss to prevent conflicts when importing into Node project. 3def8a2
• Rewrite tags 65f4fd9 0cd2358 #69
  • Deprecated old sizing classes like xsmall, small, etc. to be replaced by common sizing conventions like sm. See breaking changes for more details.
  • Add new tag sizes xs, sm, and md.
  • Fix tag padding.
• Add support for viewports for margin and padding classes. 1a6f8aa #68
  • This means classes like p-3-md or m-1-lg is now supported for all viewports xs, sm, md, lg, and xl.

🐛 Fixes

• Margin between buttons in btn-group is now -1px instead of -.1rem. 8ec79f7
• Fix UI glitch where button shadow/forms on focus is sometimes overlapped by neighboring buttons. 5a7d18f 0979c27
• Fix btn—pilled rendering incorrectly. df408e9
• Fix bug where feature flags were not correctly used from _config.scss. 4835bf4

💥 Breaking Changes

• Deprecated inclusion of vendor prefix for flex-align. 71a7eb1
• Existing tag size classes have now been updated. 65f4fd9
  • tag—large => tag—lg
  • tag—xlarge => tag-xl