Mellow CSS 0.8

Mellow CSS 0.8 is a minor feature update.

Changes

• #89 Floating labels: adds support for floating labels.
  • d609c96 Adds the input-group-floating variant for input groups.
• 3d54a48 Placeholder: adds the placeholder class and related utilities.
• a1629f6 New font weights: adds the fw-thin, fw-semibold, and fw-black font weight classes.
• 6479bb7 Makes a minor change to increase the default font size of the Avatar component.
• 5ad8936 Input transition has been changed from all to only transition the border-color and box-shadow properties.
• 672ce2c Renames the placeholder class to select-placeholder.

Fixed issues

• 3e40acb Fixes the border radius on the file selector button in a file input being slightly to high resulting in the background bleeding through.
• a4da3e7 Fixes a bug where it was possible to interact with the placeholder of the select component from Mellow UI.

Documentation

• bce55f2 Reorganizes the Forms documentation.

Mellow CSS 0.7

Mellow CSS 0.7 is a feature update.

Changes

• 9de0d1b Gradients: introduces support for gradients with directional classes and color classes.
• bac8c75 Border avatars: adds the avatar-border class to create a subtle border around avatars
• 81044aa New default avatar and label styles
  • Avatar: the avatar-plated class has been removed and the avatar-solid class has been added. Avatars will now show in their soft variant by default.
  • Label: the label-plated class has been removed and the label-outlined class has been added. Labels will now show in their soft variant by default.

Mellow CSS 0.6.1

Mellow CSS v0.6.1 adds missing styling for input-select and broken behavior when using a dark theme.

Changes

• 047167a Mellow CSS now includes styling for the ::placeholder pseudo-element and for the placeholder class.

Fixes

• 047167a Fixes the background color being hardcoded for the select with input-select
  • Adds a listbox class to combine CSS atoms for the Mellow UI select component.
  • Fixes missing z-index for the listbox.

Mellow CSS 0.6

Mellow CSS 0.6 introduces a number of design refreshes for existing components, new utilities, and more.

Changes

• aed96af New 50a color variant: the new 50a color variant has been added to the color scale.
• 8df4d3f Revamped input design
  • Inputs no longer have an inset box shadow.
  • Input groups now have a grouped hover effect and have been redesigned with fewer borders.
  • Input text add-ons have been redesigned to appear as a part of the input.
• 73f5999 Revamped button design
  • Colored buttons now use a lighter color.
  • Button's backgrounds now use 50a to blend in with alternative backgrounds.
  • Buttons no longer have an inset shadow.
• List design improvements
  • 21bbd60 List items will now center their content by default.
  • e023e4c The effects for list items are now animated.

Fixes

• bfdaf85 Fixes a bug where .bottom-bar-item content would render white.

Mellow CSS 0.5

Mellow CSS 0.5 is a minor feature update.

Changes

• Disabled dropdown items: dropdown items can now have the disabled class/prop.

Mellow CSS 0.4.1

Mellow CSS 0.4.1 fixes one issue with breadcrumbs.

Fixed issues

• Fixes missing support for buttons in breadcrumbs.

Mellow CSS 0.4

Mellow CSS 0.4 includes a number of new components.

Breaking changes

• Breadcrumbs: the breadcrumbs component has been redesigned from the ground up.
• Alpha color changes: the 300a and 600a color weights have been renamed to 200a and 400a respectivly to make more sense to their visual match on plain backgrounds.
• Progress medium: the progress-md class has been removed.

New features

• Avatar: Mellow CSS now includes an avatar component.
  • Adds avatar component with color class support.
  • Adds avatar-sm and avatar-lg class for avatar sizing.
• Bottom navigation: adds the Bottom navigation component.
  • Adds support for custom bottom navigation colors.
• Progressive Web App: adds PWA helper classes and CSS variables.

Updates

• Breadcrumbs redesign: the breadcrumbs component has been redesigned.
  • Breadcrumbs are now color sensitive classes.
  • Updated design for links in the breadcrumbs.
• Progress: when using color modifiers on progress, the text color will now use the --color-text value instead of defaulting to white.

Mellow CSS 0.3.2

Mellow CSS 0.3.2 is a minor update to address a missing feature for cards.

Changes

• Supports card as buttons.

Mellow CSS 0.3.1

Mellow CSS 0.3.1 is a minor patch release to replace Node SASS with Dart SASS.

Changes

• #79 Replaces Node SASS with Dart SASS for the main SCSS files as well as the documentation.

Mellow CSS 0.3

Mellow CSS 0.3 is a minor feature update containing a hotfix for Mellow CSS 0.2.

New features

• c1853b9 Update grid system to support custom grid column counts through variables.
• bd5def8 Adds the grid-[beakpoint]-1 classes.
• 2610280 Shadows are now primarily defined as CSS variables.

Fixes

• cabbdcf Fixes some SCSS compilers identifying the key names in $colors as colors.