@fuel-ui/css
TypeScript icon, indicating that this package has built-in type declarations

0.23.3 • Public • Published

⚡️ @fuel-ui/css

CI status codecov NPM version NPM downloads


License Issues Open Github Forks Github Stars

📝  Table of Content


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

Readme

Keywords

none

Package Sidebar

Install

npm i @fuel-ui/css

Weekly Downloads

536

Version

0.23.3

License

Apache-2.0

Unpacked Size

1.75 MB

Total Files

53

Last publish

Collaborators

  • fuel-ci