v1.1.1

v1.1.1

Notes

Forgot to update version number in compiled css. This is a trivial patch - but it needs to be done. See change log for v1.1.0 (the actual update) below.

v1.1.0

Notes

Apologies for the necessary deprecations.

Improvements

• Items within a list using the is-inline-list modifier will now wrap.
• Added a top-margin of 0.3rem to dt elements that are preceded by a dd element. This adds a little more breathing room.
• Removed the _form.scss module. This should have been removed version 1.0.
• Removed bottom-margin from heading tags when used in a top__brand element.
• Removed the redundant form/form.scss file.
• Removed absolute positioning from the top__burger element when the is-mobile-responsive modifier is active.
• Added 'square' to the $image-square-sizes list and removed the $image-square-size variable.
• Changed the default value of $tab-border-radius to 0. Previous value was 6px.
• Added is-loading modifier to the is-select container.
• New form variable $select-loading-animation with value spinner .8s linear infinite.
• New form variable $select-loading-width with value 2px.
• New form variable $select-loading-color with value $light-grey.

Bug fixes

• Tab list item padding was being applied to the li element instead of the a element. All content within a tab list item must be placed within the a element.
• The is-flex-start grid modifier is now using the align-items CSS property instead of align-content.
• Menu list item padding was being applied to the li element instead of the a element. All content within a menu list item must be placed within the a element.
• Removed the on hover underline for a elements in pagination list items.
• Pagination list item padding was being applied to the li element instead of the a element. All content within a pagination list item must be placed within the a element.
• The is-active modifier now works on top__burger elements that do not have the has-animate modifier.
• The top__burger element now appears vertically centered within the top bar.
• The is-mobile-response.is-open modifier did not work on top elements with containers. This has been corrected.
• Active list items within the is-expandable list now use the correct background color.
• Button addon groups where taking up 100% width when nested within a button group. These have been corrected to auto width.
• Tag groups and addons now have 100% width.

Deprecations

• The tabs__title element will be removed this patch. Please use a regular list item or create your own title element.
• The tabs__item element will be removed this patch. To create a tabs list item you only need a regular li element within a list that contains the tabs__list class.
• The has-borders modifier in the tabs module has been replaced with has-border.
• The $tab-bar-color variable will be removed and replaced with $tab-border-color. The default value remains the same.
• The $tab-bar-width variable will be removed and replaced with $tab-border-width. The default value remains the same.
• The menu__slidedown element will be removed this patch. Please use the is-expandable modifier instead.
• The $menu-slidedown-border variable will be removed this patch and replaced with $menu-expandable-border. The default value remains the same.
• The $menu-slidedown-margin variable will be removed this patch and replaced with $menu-expandable-margin. The default value remains the same.
• The $menu-slidedown-padding-left variable will be removed this patch and replaced with $menu-expandable-padding-left. The default value remains the same.
• The $menu-slidedown-item-padding variable will be removed this patch and replaced with $menu-expandable-item-padding. The default value remains the same.
• The $image-square-size variable has been removed. You can edit this value with the $image-square-sizes variable instead.