Mellow CSS 0.14.1

Mellow CSS 0.14.1 is a minor bugfix release.

Fixes

• 243104e Fixes dropdown-item not having the pointer cursor.

Mellow CSS 0.14

Mellow CSS 0.14 is a minor feature update.

Changes

• 35c07c1 Adds support for the list-item-description class.

Fixes

• b663006 Fixes a bug where checkboxes and radio buttons would be compressed into lines under some scenarios.
• defa1e8 Fixes a bug where the list-sm and list-lg wouldn't set their paddings properly.

Mellow CSS 0.13

Mellow CSS 0.13 is a major feature update including various changes. It introduces a number of major design changes including enhancements to the dark color palettes, a new default blue color, redesigned buttons and input groups, and an improved bottom bar design.

Highlights

• Revamped dark color system: the dark color system has been revamped to provide a better spread of color weights.
• New button design: the buttons have received a major overhaul.
• System theme for nav: the nav component now has a system theme.
• Smaller Javascript: removes tab Javascript and drops support for jQuery.

Changelog

Changes

• cb93978 The default blue color has been made brighter by changing the base color from #0068d8 to #007bff.
• 7c4f443 The base grey color has been updated to contain slighly more blue, changing it from #6b707a to #616a7a.
• 2bdc3ca The default border radius has been lowered from .5rem to .4rem.
• 89fca25 Introduces updated button style with solid colored buttons.
• 86b5c4b Revamps input groups with new text design, less effects.
• 0c97460 0591928 Reworks the dialog, offcanvas, and backdrop styling to improve accessibility.
• a492d80 6890e66 The dark color palettes have been revamped with the following changes.
  • All colors from weight 600 and to 100 have been moved up one level, the color previously at weight 50 has been removed.
  • The color weights 600, 700, and 800 are now distributed between weights 500 and 900 evenly.
• ddd0b95 Adjusts the default border color.
• bf0883c e135cb4 11c996a Improved bottom bar design to truncate long labels and better spacing around icons.
• 48b18cd Updates the default dark color from 72% to 84% of the shade of grey.
• b6eef28 Adds the $system and $system-inverse variables.
• 28907b0 Updates and cleans up the Offcanvas Javascript.
• 1ee26b0 Adds the accent color to the $colors variable map to reduce the boilerplate and make sure the accent color is always in sync with the other colors.
• 3f1657c The range input now shows a fill for the active track (Firefox and Edge only).
• 6d9c845 Reduces excessive contrast between the header and footer background of a card in the dark theme.
• 1b2d22e Adds the nav-system class for navigation bars that follow the system style.

Removed

• b95febd Removes the Javascript implementation for tabs, use Mellow UI for this instead.

Documentation

• 7ce8cfb Various minor styling updates.
• e282632 Fixes errors in the dialog demos, fixes show() demo to actually use show() and not showModal().
• 0fa250d Fixes "default summary style" example to not use button classesn, fixes misplaced color classes in color examples.

Fixes

• bc9b013 Replaces all useages of logical style properties with the directional properties.
• 5966b49 Fixes a bug where the backdrop could appear underneath elements that were not offcanvas or dialog.
• ba0e9a7 Fixes the inconsistency where .alert wouldn't use the accent color by default.
• 5c2baff Fixes the inconsistency where .label wouldn't use the accent color by default.
• 9004535 Fixes breadcrumb links not using the pointer cursor.

Mellow CSS 0.12

Mellow CSS 0.12 introduces CSS variables for our typography scale and more.

Changes

• aa274ac Typography: the typography sizes are now defined in CSS variables like --fs-h[1-6], --fs-m[1-6], and ``--fs-lead`.

Fixes

• fd953e4 Fixes :autofill causing other grouped styles not to apply.
• cfffab5 Fixes an issue where --dialog-max-width wans't properly defined.

Mellow CSS 0.11.1

Mellow CSS 0.11.1 is a minor release to fix a set of issues and make other minor adjustments.

Changes

• 4234a91 Improve the spacing within the dialog classes to appear less awkward.

Fixes

• 464b949 Fixes the btn-close class not providing proper support for the dark theme.
• 816c2a6 Removes the flex behavior from the dialog-footer to keep it from messing with internal toolbars.
• 36bf503 Fixes a bug where dropdown-item would take up the full width if it was a button.

Mellow CSS 0.11

Mellow CSS 0.11 is a feature update that introduces a revamped toolbar component.

Changes

• Toolbar revamp: introduces a revamped toolbar with support for more content types.
  • ee2bfa7 Renames btn-toolbar to toolbar.
  • d5dfe1f The toolbar class now supports input and input-group as well as improved support for other elements.
  • d517721 Adds support for text elements in toolbar.

Mellow CSS 0.10.1

Mellow CSS 0.10.1 is a maintenance release.

Changes

• 1daf76f Updates dependencies and improves selectors including multiple :not() statements.
• da17636 Fixes inconsistent width/height for the active item indicator between components.

Mellow CSS 0.10

Mellow CSS 0.10 is a feature update.

Changes

• e0ce499 Removes the list-item-action class. Any anchor or button with the list-item class will now automatically adapt the styles previously linked to list-item-action.
• ccce81c Updated design for listbox class to appear similar to other popup surfaces like offcanvas and dialog.
• 626b937 Renames input-text to input-addon to no longer conflict with the helper text class input-text.
  • Introduces improvements to make the border radius of a control or group not clash with the border radius of the addon.

Mellow CSS 0.9

Mellow CSS 0.9.0 is a feature update introducing an updated pivot component and other minor changes.

Changes

• 71a980c Revamped pivot: the pivot-pills and pivot-underline styles have been removed and the default pivot design has an updated design incorporating elements from both.
• cf727c9 Updates the btn-sm design to be slightly larger.

Mellow CSS 0.8.1

Mellow CSS 0.8.1 includes a number of minor fixes and enhancements.

Changes

• c64e0a5 Increases the height of the floating label form controls.

Fixes

• e4c9d11 Minor improvements to rounded borders within other rounded borders.