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