mirror of
https://github.com/logos-co/logos-web.git
synced 2026-08-27 12:11:14 +00:00
1015 B
1015 B
@acid-info/logos-tokens
Logos design tokens as CSS imports. CSS-only. No JavaScript runtime.
Use this package with @acid-info/logos-ui or in any Tailwind v4 app that needs
the Logos color, typography, spacing, radius, and motion tokens.
Install
pnpm add @acid-info/logos-tokens
npm install @acid-info/logos-tokens
Usage
In your Tailwind entry stylesheet:
@import 'tailwindcss';
@import '@acid-info/logos-tokens/theme.css';
If you also use @acid-info/logos-ui, include the UI package in Tailwind's
source scan:
@import '@acid-info/logos-ui/styles.css';
Individual layers are also exported if you need a subset:
@acid-info/logos-tokens/colors.css@acid-info/logos-tokens/typography.css@acid-info/logos-tokens/spacing.css@acid-info/logos-tokens/radius.css@acid-info/logos-tokens/motion.css
Notes
The default theme.css file imports every token layer. Use the individual CSS
exports only when you need a smaller subset.