⚡️ @fuel-ui/css

[![CI status][github-action-image]][github-action-url]
[![codecov][codecov-image]][codecov-url]
[![NPM version][npm-image]][npm-url]
[![NPM downloads][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/@fuel-ui/css.svg?style=flat-square
[npm-url]: http://npmjs.org/package/@fuel-ui/css
[github-action-image]: https://github.com/fuellabs/fuel-ui/workflows/%E2%9C%85%20test/badge.svg
[github-action-url]: https://github.com/fuellabs/fuel-ui/actions?query=workflow%3A%22%E2%9C%85+test%22
[codecov-image]: https://img.shields.io/codecov/c/github/fuellabs/fuel-ui/master.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/fuellabs/fuel-ui/branch/master
[download-image]: https://img.shields.io/npm/dm/@fuel-ui/css.svg?style=flat-square
[download-url]: https://npmjs.org/package/@fuel-ui/css


📝  Table of Content

- 🙋🏻  Getting Started
- 📦  Install
- 👨🏻‍💻  Usage
- 💪🏻  Contributing
- 📜  License

---

🙋🏻  Getting Started

Inside this package you'll found all theme and tokes definitions we're using to style and create components inside our application and design system.

✨ The main tool used behind the scenes here as CSS-in-JS library is Stitches, so we encourage you to know better about it on their website. Stitches comes with a lot of great features like:

→ Variants and Compound Variants

→ Theme tokens

→ Framework agnostic API

→ Responsive Styles

→ Typescript Support

📦  Install

``bash
$ yarn add @fuel-ui/css
`

`bash
$ pnpm install @fuel-ui/css
`

$3

`jsx
import { css } from '@fuel-ui/css';

const App = () =>

const customStyle = css({
bg: '$intentsBase6',
});
`

💪🏻  Contributing

Feel like contributing? That's awesome! We have a contributing guide to help guide you.

📜  License

The primary license for this repo is Apache 2.0, see LICENSE`.