Ссылка на API · Мост Tailwind

@oriatheme/tailwind

Статически отображает переменные времени выполнения oria-standard@2 во встроенное пространство имен Tailwind CSS v4 @theme.

Упаковка и окружающая среда

Чистая статика CSS плюс генератор; Tailwind CSS 4.3.3 используется только для собственной сборки и тестов, а не в качестве потребительской зависимости во время выполнения.

bash

pnpm add @oriatheme/tailwind

bash

npm install @oriatheme/tailwind

bash

yarn add @oriatheme/tailwind

bash

bun add @oriatheme/tailwind

Используйте менеджер пакетов и файл блокировки, уже выбранный потребительским проектом. В примерах используется только экспорт корня пакета; не выполняйте глубокий импорт из шаблонов src, dist или реестра.

CSS bridge

@oriatheme/tailwind/oria.css is the static @theme inline bridge for the default oria prefix: 43 colors, font families with nine weights, a 13-step text scale (text.md maps to --text-base with paired line heights), leading/tracking, --spacing, derived radius, shadow, blur, and --ease-oria-*, plus explicit backdrop-oria-*, duration-oria-*, inset-shadow-oria, shadow-highlight, bg-oria-canvas, and bg-oria-surface utilities.

css

@import "tailwindcss";
@import "@oriatheme/colors/styles.css";
@import "@oriatheme/colors/tailwind.css";
@import "@oriatheme/tailwind/oria.css";

Генератор и пользовательские префиксы

Экспорт	Подпись	Описание
`generateOriaTailwindBridge`	`(options?: { prefix?: string }) => string`	Создает статический мост для проверенного пользовательского префикса.
`oriaTailwindBridgeDefaultPrefix`	`"oria"`	Префикс, используемый упакованным файлом oria.css.

Пользовательские префиксы должны быть предварительно встроены в статический мост; Имена переменных CSS никогда не объединяются во время выполнения.

bash

oria theme tailwind-bridge --prefix acme --out src/oria-tailwind.css