# styled-tidy

> A set of utilities for writing clean styled-components syntax.

Latest version **1.7.3** (published 2019-10-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install styled-tidy
pnpm add styled-tidy
yarn add styled-tidy
bun add styled-tidy
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.7.3 |
| Published | 2019-10-23 |
| First published | 2019-09-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 66.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Douglas Waltman II |
| Maintainers | dw2 |
| Keywords | react, styled-components, utlities |

## Links

- npm: https://www.npmjs.com/package/styled-tidy
- Repository: https://github.com/dw2/styled-tidy
- Homepage: https://github.com/dw2/styled-tidy#readme
- Issues: https://github.com/dw2/styled-tidy/issues
- npm.io page: https://npm.io/package/styled-tidy

## Dependencies (1)

- [styled-components](https://npm.io/package/styled-components.md) ~4.4.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.7.3 (latest) — 2019-10-23
- 1.7.2 — 2019-10-23
- 1.7.1 — 2019-10-23
- 1.7.0 — 2019-10-10
- 1.6.0 — 2019-10-03
- 1.5.0 — 2019-10-02
- 1.4.0 — 2019-10-02
- 1.3.0 — 2019-09-29
- 1.2.2 — 2019-09-28
- 1.2.1 — 2019-09-28
- 1.2.0 — 2019-09-28
- 1.1.0 — 2019-09-27
- 1.0.0 — 2019-09-27

## README

# styled-tidy
Tidy is a lightweight set of utilities for writing clean styled-components syntax.

![](https://badgen.net/github/release/dw2/styled-tidy) [![CircleCI](https://circleci.com/gh/dw2/styled-tidy.svg?style=svg)](https://circleci.com/gh/dw2/styled-tidy) ![](https://badgen.net/badgesize/gzip/https://unpkg.com/styled-tidy) ![Codecov](https://codecov.io/gh/dw2/styled-tidy/branch/master/graph/badge.svg)

## Installation
Add the dependency:
```
yarn add styled-tidy
```
And then in your component(s):
```
// grab the helpers you want
import { is, swap, rem, minWidth } from 'styled-tidy';
```

## Usage
 + [Matchers](https://github.com/dw2/styled-tidy/wiki/Matchers)
 + [Media Queries](https://github.com/dw2/styled-tidy/wiki/Media-Queries)
 + [Mixins](https://github.com/dw2/styled-tidy/wiki/Mixins)

---

## Contributing
styled-tidy follows semantic release versioning with Commitizen.

### Committing
Install commitizen globally, if you have not already.
```
npm install -g commitizen
```
When you are ready to commit your changes…
```
git add .
git cz
```
Then, follow the CLI wizard.

**Note:** *Choosing 'feat' or adding 'BREAKING CHANGE' in the commit will
result in a major version bump during the release.*

### Testing
```
nvm use
yarn
yarn test
```

### Additional Commands
Keep things tidy ;)
```
yarn lint
```

Test that your changes compile
```
yarn build
```

## License
MIT

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