v5.0.0

Basscss now is more colorful and more flexible with the flex-object flexbox layout module
and new extensible button styles.

New

• flex-object flexbox layout module included by default
• New color palette from mrmrs/colors, with a total of 17 colors and 4 background darken utilities
• Border color utilities to alter the default border color
• Default .button color styles in basscss-color-base, extensible with color utilities
• New button-outline module, extensible with color utilities
• New button-transparent module, extensible with color utilities
• ui-utility-button-sizes included by default
• background-images module included by default
• .muted utility to set opacity to .5

Breaking Changes

• Deprecated:
  • table-object
  • button-blue
  • button-blue-outline
  • button-red
  • button-gray
  • button-light-gray
• Changed:
  • basscss-colors module (e.g. dark-gray, mid-gray, light-gray)

Migrating to v5

Deprecated modules are still available through npm for custom builds.
To use the default styles new in v5, do the following:

Table Object

Replace instances of the table object with flex-object utilities or clearfix/float solutions.

Buttons

• Replace .button-blue with .button.
• Replace .button-blue-outline with .button-outline.blue.
• Replace .button-red with .button.bg-red.
• Replace .button-gray with .button.bg-gray.
• Replace .button-light-gray with .button.bg-silver.

Colors

The entire color palette has been replaced with mrmrs/colors. For backwards compatibility, .dark-gray, .mid-gray, and .light-gray are mapped to .black, gray, and .silver, respectively, but will be deprecated in a future version. .lighter-gray has been removed. .white has not changed.

The default values for .blue, .green, .yellow, and .red have changed.

The following colors have also been added:

• .aqua
• .navy
• .teal
• .olive
• .lime
• .orange
• .fuchsia
• .purple
• .maroon