https://github.com/entroform/styled-chemistry

⚗️ styled-components implementation of style-chemistry.
https://github.com/entroform/styled-chemistry

Last synced: about 2 months ago
JSON representation

⚗️ styled-components implementation of style-chemistry.

• Host: GitHub
• URL: https://github.com/entroform/styled-chemistry
• Owner: entroform
• Created: 2019-11-24T08:01:47.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T13:27:50.000Z (about 2 years ago)
• Last Synced: 2024-08-10T20:34:39.773Z (5 months ago)
• Language: TypeScript
• Homepage:
• Size: 807 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ⚗️ styled-chemistry

## Elements, Compounds, and Mixtures ➝ Theme

`npm i @nekobird/styled-chemistry`

## Create Theme

```ts

import { createTheme } from '@nekobird/styled-chemistry';

const elements = Object.freeze({

});

const compounds = Object.freeze({

});

const mixtures = Object.freeze({

});

export const theme = createTheme(elements)(compounds)(mixtures);

```

## Provide your theme to the rest.

```tsx

import { StyledChemistryProvider } from '@nekobird/styled-chemistry';

import { theme } from './theme';

const App = () => (

  

    {

      // Your other components.

    }

  

);

```

## Inspired By:

- https://radix.modulz.app/docs/theme/

- https://github.com/jzarnett

- https://github.com/styled-system/styled-system