# @freesewing/material-style

> Freesewing style for material design React components

Latest version **0.4.3** (published 2018-10-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install @freesewing/material-style
pnpm add @freesewing/material-style
yarn add @freesewing/material-style
bun add @freesewing/material-style
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.3 |
| Published | 2018-10-02 |
| First published | 2018-10-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 36 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Joost De Cock |
| Maintainers | joostdecock |

## Links

- npm: https://www.npmjs.com/package/@freesewing/material-style
- Repository: https://github.com/freesewing/material-style
- Homepage: https://freesewing.org/
- Issues: https://github.com/freesewing/material-style/issues
- npm.io page: https://npm.io/package/@freesewing/material-style

## Recent versions

- 0.4.3 (latest) — 2018-10-02
- 0.4.0 — 2018-10-02
- 0.3.0 — 2018-10-02

## README

<p align="center">
  <a title="Go to freesewing.org" href="https://freesewing.org/"><img src="https://freesewing.org/img/logo/black.svg" align="center" width="150px" alt="Freesewing logo"/></a>
</p>
<h4 align="center"><em>&nbsp;<a title="Go to freesewing.org" href="https://freesewing.org/">freesewing</a></em>
<br><sup>a library for made-to-measure sewing patterns</sup>
</h4>
<p align="center">
  <a href="https://www.npmjs.com/package/@freesewing/material-style"><img src="https://badgen.net/npm/v/@freesewing/material-style" alt="Version"></a>
  <a href="https://www.npmjs.com/package/@freesewing/material-style"><img src="https://badgen.net/npm/license/@freesewing/material-style" alt="License"></a>
  <a href="https://gitter.im/freesewing/freesewing"><img src="https://badgen.net/badge/chat/on%20Gitter/cyan" alt="Chat on Gitter"></a>
  <a href="https://freesewing.org/patrons/join"><img src="https://badgen.net/badge/become/a%20Patron/FF5B77" alt="Become a Patron"></a>
</p>

# material-style

The is the CSS from [Material Kit React](https://www.creative-tim.com/product/material-kit-react),
a style kit for [material-ui](https://github.com/mui-org/material-ui), which in turn is a collection
of [React](https://reactjs.org/) components that implement Google's 
[material design](https://material.io/).

We use these components in our React-based frontend projects (a work-in-progress), and we've
put this CSS in its own repository to avoid code duplication.

## Changes to the original material kit

This CSS has very little changes in comparison to the upstream code, but there
are a few. Specifically:

 - We use a native font stack, rather than Roboto
 
## Usage

We publish a javascript file that wraps the CSS into an exported variable, 
but we also publish the style.ccs file with just the style.

This way, you can either load the style in JavaScript:

```js
import style from '@freesewing/material-style'
```

Or include it in your pages from unpkg:

```html
<link href="https://unpkg.com/@freesewing/material-style" rel="stylesheet">
```

## Install

To install, run:

```sh
npm install @freesewing/material-style
```

## Build

After making changes, run:

```sh
npm run build
```

## License: MIT

See [the license file](https://github.com/freesewing/plugin-theme/blob/master/LICENSE)
for details.

---
_Source: https://npm.io/package/@freesewing/material-style · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._