0.4.0

Notes

Before upgrading check the use of the .is-{size}-only and .is-{screen}-offset-{size} helper classes throughout your code and update as per the below improvements.

Improvements

• Change column offset responsive helpers to read .is-offset-{screen}-{size} instead of .is-{screen}-offset-{size}.
• Change all of the responsive .is-{screen}-only helpers to display only for the given view port (not larger).
• Add .is-tablet-up helper to display on the medium and up viewport.
• Add .is-tablet-down helper to display on the medium and small viewports.
• Add .is-desktop-up helper to display on the large and up viewport.
• Add .is-desktop-down helper to display on the large, medium and small viewports.
• Add .is-desktop-auto helper.
• Add .is-desktop-x-auto helper.
• Create the column-size() mixin to make column sizing easier to manage.
• Reduce overall size of orbit.css and orbit.min.css.

Bug fixes

• Fix typo in the column offset responsive helpers.

0.3.2

Bug fixes

• Correct class name for the .has-no-wrap helper.
• Add padding-right to select element to prevent text/arrow overlap.

0.3.1

Improvements

• Add .has-no-wrap helper class. Applies white-space: nowrap.
• Add border radius to the .card__header and .card__footer elements when the card block has the .is-rounded modifier.
• Add $card-header-color variable.

Deprecations

• Remove the .is-reversed grid modifier.

Variable changes

0.3.0

Bug fixes

• Fix the double scrolling issue when using cards in a modal.
• Add !default to all custom variables that are missing this.

Improvements

• Add position: relative to .card__content class.
• Make the modal module mobile-first.
• Add the $input-border-radius variable for all input, textarea and select elements.
• Improve the .is-checkbox and .is-radio elements to prevent wrapping.
• Make the grid module mobile-first.
• Add the $pagination-background variable.
• Add the $pagination-bordered-background variable.
• Make the pagination module mobile-first.
• Add $medium variable.
• Add $large variable.
• Add $x-large variable.
• Add .is-desktop-x-{size} grid classes.
• Add .is-desktop-x-only class.
• Add .is-tablet-only class.

Deprecations

• $medium-min variable.
• $large-min variable.

Variable changes

0.2.1

Bug fixes

• Correct the flex-flow for the .tabs__list element.
• Correct the flex property for the .grid .column element.
• Fix .is-loading spinner display issue on Chrome/Safari.

Improvements

• Force 100% width for modals of all sizes on mobile viewport.
• Add the $accordion-background variable.
• Add $custom-palette variable to support extending the $color-palette variable.

0.2.0

Improvements

• Improve flex properties for the Card element.
• Add .is-shrink class to the .card element.
• Improve flex properties for the Breadcrumb element to ensure additional ul elements are not inline.
• Move the .has-centered and .has-end from the ul element to the .breadcrumb element.
• Improve flex properties for the Alert element.
• Add transparent background to buttons with the .is-outline helper class.
• Improve flex properties for the Grid system.
• Add .is-mobile-auto helper class to allow for equal width columns on smaller views.
• Add flex properties to the .is-checkbox and .is-radio elements.
• Improve flex properties for the Hero element.
• Improve flex properties for the Image element.
• Improve flex properties for the Media element.
• Remove width property from .menu element.
• Improve flex properties for the Modal element.
• Improve flex properties for the Top element.
• Improve flex properties for the Tabs element.
• Reorder color variables to support simpler customization.

Deprecations

• Remove the $container-max-width variable.

Variable changes

0.1.7

Bug fixes

• Removed the previously depreciated class .is-mobile-column from grid.sccs.

Deprecations

• The .is-outline class for the .tabs__item element has been removed.

0.1.6

Bug fixes

• Fix put in place to correct the display issue for .is-loading buttons on mobile view.

Improvements

• Added styling for .tabs__item:hover.
• Removed the padding from .containers on mobile viewport.
• 100% width has been added back to the .container element.
• Added the .is-mobile-shrink and .is-desktop-shrink column classes.
• Changed .margin-top property to -0.4em for both .is-select::after and .has-arrow::after.
• Changed width and height properties to 0.625em for .has-arrow::after.
• Flex properties added to the .card element to ensure .card__content grows to available space.
• Added $white background to all form elements.
• The .box-sizing: border-box property has been applied to all elements.

Deprecations

• The .is-outline class for the .tabs__item element will be removed in the next patch. Has currently been removed from the documentation.

Variable changes

0.1.5

Bug fixes

• Reorder grid sizes to ensure desktop columns are given priority
• Remove 100% width from container

Bug fixes

• Fix calcColWidth() function converting units to string.