Motivation

When working in multiple projects, having a common and semantic language for styling the web interfaces is useful and ensures consistency. At Craftweg we could have adopted community solutions like TailwindCSS and Styled System, but vanilla-extract provides a package, sprinkles, that allows us to define our own language and implement primitives around it. Moreover, unlike many existing styling solutions, we leverage CSSType to leverage the Typescript compiler to ensure the styling code we write is right.

Usage

Add the dependency to the project:

yarn add @craftweg/chimera

And then import the atoms from the package:

import { atoms } from "@craftweg/chimera" 
import type { Atoms } from "@craftweg/chimera"

Set up

1. Git clone the repository: git clone https://github.com/craftweg/chimera.git.
2. Install dependencies: yarn install.