Gamma 2

Cirrus 0.6.0 is a massive step forward towards our official release of version 1.0.0. This update is comprised of an SCSS rewrite, a documentation overhaul, and the addition of many helper classes in the utils file. I've worked very hard on this update and I really hope you all enjoy it! Check out the new documentation here.

🎉 Features

• Complete rewrite of framework to use Scss.
• Overhauled documentation for better developer experience.
• Utility classes updates:
  • A lot of new utility classes were added and can be seen in the Utilities section of the documentation.
  • Added some text utility classes like u-text-justify for text modification. e20f6a6
  • Added utils for positioning elements. 089cd34
• Added margin/padding utility classes in spacing.scss. 79ab814
• Updated text element margins, increased spacing between title and subtitle. 4072d50
• Added our v2 color palette. 7ff010d
• More utility classes added for element display. edfaf7e
• Links will now have display: static (which is the browser default). 089cd34
• Padding/margin classes will now have !important 089cd34
• btn-circle now dynamically scales with content. ccefd9f
• Improved styles for fieldset. 5678de0
• Added column classes with breakpoints, such as col-xs-*, col-sm-*, and col-lg-*. 7d3381f
• Face lifted code component.

🐛 Fixes

• More consistent theming for :focus selector on input. c53c8de
• Added accessibility styles for form-ext-* classes with outline. c53c8de
• Fixed issue for button group rounding being inconsistent at certain widths. 43e8499
• Made font sizes more normalized around 1rem instead of being more varying in sizes across framework. 54a8618
• Fixed issue with header dropdown having incorrect positioning. fcf11e8
• Removed side padding for row. fcf11e8
• More predictable behavior with button being inline-flex. fcf11e8
• Better padding sizes for buttons. 9eb17f7
• Fixed incorrect padding for glyphs in forms. 9fa0c1c
• Better tag sizing. 2c823af
• Mobile devices can now select CSS only dropdown menu. 54f17c3
  • For dropdown menus where the toggle button contains the .toggle-hover class, menus will now show correctly on mobile devices without JS. aaa52e4
  • Behavior of dropdown menus without the toggle-hover class will remain the same and require JS. aaa52e4
• Fixed form-groups for buttons. ee175d0
• Many other minor class fixes.

💥 Breaking Changes

• Class changes:
  • italics -> font-italics. e20f6a6
  • u-this-overlay -> u-overlay.
  • .space.x-large -> .space.xlarge 9fa0c1c
• Deprecations:
  • u-box e20f6a6
  • u-fill-width, use w-100 instead. e20f6a6
  • level-left and level-right 155dea3
  • u-no-padding, use p-0 instead.
  • u-no-margin, use m-0 instead.
• The former <space> element is now the space class to by compliant with HTML standards. 0b12d85
• Footer has now been revamped with these changes:
  • Footer title changed from h6 to .footer__title
  • .footer-list-title changed to .footer__list-title
  • .list-item changed to .footer__list-item
  • .footer-fixed changed to .footer--fixed
• All classes for form-section are deprecated. Use spacing utility classes instead.