https://github.com/eccenca/material-design-lite
Fork of googles material-design-lite
https://github.com/eccenca/material-design-lite
Last synced: 10 months ago
JSON representation
Fork of googles material-design-lite
- Host: GitHub
- URL: https://github.com/eccenca/material-design-lite
- Owner: eccenca
- Created: 2017-08-27T13:47:58.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-03-06T10:02:30.000Z (over 7 years ago)
- Last Synced: 2025-02-22T20:06:49.841Z (over 1 year ago)
- Language: JavaScript
- Size: 224 KB
- Stars: 0
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# @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](#background)
- [Install](#install)
- [Usage](#usage)
- [License](#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\]][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:
```js
import '@eccenca/material-design-lite';
```
To use the sass, simply use:
```js
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.
[material-design-lite]: https://github.com/google/material-design-lite
[react-mdl]: https://github.com/react-mdl/react-mdl
[1]: https://github.com/react-mdl/react-mdl/tree/v1.10.3#requirements