pantoken / css-in-js

css-in-js ​

Experimenteel

@pantoken/css-in-js — een Instructure-themaobject voor runtime CSS-in-JS-bibliotheken.

Werkt met elke bibliotheek die een thema leest uit props.theme — Emotion, styled-components en Stitches delen die conventie. pantokenTheme is het kant-en-klare rebrand-object, ondersteund door var() zodat licht/donker-schakeling via @pantoken/css doorstroomt. toStyledTheme bouwt er één van elke IR (en kan concrete waarden inbakken met { resolve }).

Voorbeeld ​

styled-components

tsx
import { ThemeProvider } from "styled-components";
import { pantokenTheme } from "@pantoken/css-in-js";
<ThemeProvider theme={pantokenTheme}>...</ThemeProvider>;
// const Btn = styled.button`background: ${({ theme }) => theme.colorBackgroundBrand};`;

Interfaces ​

Type-aliases ​

Variabelen ​

Functies ​

Referenties ​

Mode ​

Exporteert Mode opnieuw

default ​

Hernoemt en herexporteert pantokenTheme