@eccenca/material-design-lite

This fork of material-design-lite modifies it to be used with react-mdl and contains several other fixes.

Table of Contents

• Background
• Install
• Usage
• License

Background

material-design-lite and react-mdl are both deprecated and unlikely to be updated in the future. Meanwhile there are some pain points which we fix with this package.

1. react-mdl requires a 1.2.1 build of material-design-lite with additional patches applied [1]. We however want to use the newer 1.3.0 version. This package applies the patches from react-mdl on the 1.3.0 version.
2. material-design-lite does not use SASS-colors (See https://github.com/google/material-design-lite/issues/146). In this package we fix that
3. material-design-lite comes with over 60MB of pre-generated CSS which is not needed if only SASS is used.
4. material-design-lite init is really slow if iterating over large arrays of items. This package fixes this by wrapping upgradeElementInternal with setTimout(..., 0)

Install

yarn add @eccenca/material-design-lite

Usage

To import the javascript, simply require it:

import '@eccenca/material-design-lite';

To use the sass, simply use:

import '@eccenca/material-design-lite/src/material-design-lite';

License

This projects is licensed under (Apache-2.0 AND MIT), as it contains source code from material-design-lite which is Apache-2.0 licensed and react-mdl which is MIT licensed.

Change Log

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog and this project adheres to Semantic Versioning.

[2.0.0] 2019-03-06

Changed

• base MDL was changed from the original MDL by Google to the fork by eccenca, providing better configuration options

[1.3.0-beta5] 2017-08-27

Fixed

• Slow initiation with upgradeAllRegistered and upgradeDom by wrapping individual calls in setTimeout

[1.3.0-beta4] 2017-08-27

Changed

• Moved compiled javascript to root folder

[1.3.0-beta3] 2017-08-27

Fixed

• removed unnecessary rgb() around usage of color variables

[1.3.0-beta2] 2017-08-27

Fixed

• publish config of package (defaults to npm registry now)
• unquoting of colors

[1.3.0-beta1] 2017-08-27

Added

• Initial version:
  • Copy of mdl@1.3.0 with patches from react-mdl
  • Fixed mdl colors