pantoken-root / css-in-js

css-in-js ​

Compatibility ​

Target: Emotion CSS-in-JS. Current format: ThemeProvider SSR emits the Pantoken token variable. Minimum host version: 11.14.0. Tested through 11.14.0. Newer releases require review.

Full compatibility matrix

Tilrauna

@pantoken/css-in-js — Instructure þemahlutur fyrir keyrslutíma CSS-in-JS bókasafna.

Virkar með hvaða bókasafni sem sækir þema frá props.theme — Emotion, styled-components og Stitches deila þeirri venju. pantokenTheme er tilbúinn rebrand hlutur, byggður á var() þannig að ljós/dökk skipti flæðir í gegnum @pantoken/css. toStyledTheme byggir einn úr hvaða IR sem er (og getur bakað staðfest gildi með { resolve }).

Dæmi ​

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};`;

Viðmót ​

Tegundarheiti ​

Breytur ​

Föll ​

Tilvísanir ​

Mode ​

Endurflytur Mode

default ​

Endurnefnir og endurfluttir pantokenTheme