# @thumbtack/tp-ui-core-mixin

> Helpful SCSS mixins for using media queries and setting breakpoints. These mixins are commonly used alongside [variables from Thumbprint Tokens](/tokens/) but do support arbitrary pixel values.

Latest version **3.0.4** (published 2019-01-30) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @thumbtack/tp-ui-core-mixin
pnpm add @thumbtack/tp-ui-core-mixin
yarn add @thumbtack/tp-ui-core-mixin
bun add @thumbtack/tp-ui-core-mixin
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.0.4 |
| Published | 2019-01-30 |
| First published | 2018-11-27 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 12 |
| Author | Tom Genoni |
| Maintainers | danoc, johnstonj, thumbtack-admin, tomgenoni |

## Links

- npm: https://www.npmjs.com/package/@thumbtack/tp-ui-core-mixin
- Repository: https://github.com/thumbtack/thumbprint
- Homepage: https://github.com/thumbtack/thumbprint/blob/master/packages/tp-ui-core-mixin/#readme
- Issues: https://github.com/thumbtack/thumbprint/issues
- npm.io page: https://npm.io/package/@thumbtack/tp-ui-core-mixin

## Recent versions

- 3.0.4 (latest) — 2019-01-30
- 3.0.3 — 2018-11-27

## README

[![Test build status](https://github.com/thumbtack/thumbprint/workflows/Test/badge.svg)](https://github.com/thumbtack/thumbprint/actions?query=workflow%3ATest)

# Thumbprint

Thumbprint is the design system at Thumbtack. Though its primary purpose to support Thumbtack projects, we have open-sourced it for those interested in how we build and manage our documentation and code.

## Documentation

Thumbprint is documented at [thumbprint.design](https://thumbprint.design/).

[![Screenshot of Thumbprint documentation](https://i.imgur.com/ioUtLO5.png)](https://thumbprint.design/)

The documentation is hosted on Netlify and built with [Gatsby](https://www.gatsbyjs.org/) and [Gatsby MDX](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-mdx).

## Overview

The Thumbprint codebase is a monorepo containing individually versioned NPM packages. These packges include:

| Package | Version | Size |
| --- | --- | --- |
| [`@thumbtack/thumbprint-atomic`](/packages/thumbprint-atomic) | [![npm version](https://badgen.net/npm/v/@thumbtack/thumbprint-atomic)](https://npmjs.com/package/@thumbtack/thumbprint-atomic) | [![Bundle size](https://badgen.net/bundlephobia/minzip/@thumbtack/thumbprint-atomic?label=gzip%20size)](https://bundlephobia.com/result?p=@thumbtack/thumbprint-atomic) |
| [`@thumbtack/thumbprint-react`](/packages/thumbprint-react) | [![npm version](https://badgen.net/npm/v/@thumbtack/thumbprint-react)](https://npmjs.com/package/@thumbtack/thumbprint-react) | [![Bundle size](https://badgen.net/bundlephobia/minzip/@thumbtack/thumbprint-react?label=gzip%20size)](https://bundlephobia.com/result?p=@thumbtack/thumbprint-react) |
| [`@thumbtack/thumbprint-scss`](/packages/thumbprint-scss) | [![npm version](https://badgen.net/npm/v/@thumbtack/thumbprint-scss)](https://npmjs.com/package/@thumbtack/thumbprint-scss) | [![Bundle size](https://badgen.net/bundlephobia/minzip/@thumbtack/thumbprint-scss?label=gzip%20size)](https://bundlephobia.com/result?p=@thumbtack/thumbprint-scss) |
| [`@thumbtack/thumbprint-global-css`](/packages/thumbprint-global-css) | [![npm version](https://badgen.net/npm/v/@thumbtack/thumbprint-global-css)](https://npmjs.com/package/@thumbtack/thumbprint-global-css) | [![Bundle size](https://badgen.net/bundlephobia/minzip/@thumbtack/thumbprint-global-css?label=gzip%20size)](https://bundlephobia.com/result?p=@thumbtack/thumbprint-global-css) |

## Contributing

Thumbprint accepts issues and pull requests. Take at look at our [contribution guidelines](https://thumbprint.design/overview/contributing/) if you'd like to contribute. We also maintain a [CONTRIBUTING.md](CONTRIBUTING.md) file that contains developer-specific instructions.

## License

Thumbprint is licensed under the terms of the [Apache License 2.0](LICENSE).

---
_Source: https://npm.io/package/@thumbtack/tp-ui-core-mixin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._