mirror of https://github.com/logos-co/logos-web.git synced 2026-08-27 12:11:14 +00:00

Files

T

History

Jinho Jang 3e36fc9790 Increase small text to 12px (#114 )

* fix: increase small text to 12px

* fix: use initiative CTA label

* refactor: use Tailwind text-xs utility

* fix: make homepage banner dismissible

* fix: update Discord links and banner text

* fix: refresh Discord invite links

2026-07-23 20:58:59 +09:00

src

Increase small text to 12px (#114 )

2026-07-23 20:58:59 +09:00

package.json

chore: release Logos packages 0.1.1

2026-05-15 20:29:21 +09:00

README.md

chore: release Logos packages 0.1.1

2026-05-15 20:29:21 +09:00

README.md

@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.