• 🙋🏻  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

$ yarn add @fuel-ui/css

$ pnpm install @fuel-ui/css

👨🏻‍💻  Usage

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

const App = () => <div className={customStyle()}>Hello world</div>;

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.