Tailwind Contract
«Tailwind-токен» — неоднозначный термин. Вместо него используйте эти четыре понятия.
| Слой | Пример | Поведение темы |
|---|---|---|
| Имя утилиты | px-3, rounded-md, bg-primary |
Только словарь исходного кода |
| Значение Tailwind времени компиляции | px-3 даёт фиксированное значение отступа |
Встроено в бандл модуля |
| Утилита с привязкой ко времени выполнения | bg-primary даёт ссылку на публичную переменную --p-* |
Реагирует на изменения темы фасада во время выполнения |
| Публичный переносимый контракт | Намеренно задокументированный токен Wippy или семантическая утилита | Стабилен для поддерживаемых переносимых потребителей |
Tailwind 3 — это компилятор без среды выполнения. Не выводите поведение времени выполнения из имени утилиты; изучайте генерируемое объявление.
Семантические утилиты времени выполнения
Сгенерированный каталог утилит — источник истины для точных сопоставлений. Он классифицирует текущие утилиты primary, surface, severity, text, content, highlight и radius по генерируемому CSS и зависимости от публичных переменных.
Примеры предполагаемых категорий: семантические цвета, границы контента, приглушённый текст и rounded-border, если сгенерированный источник подтверждает это сопоставление. Запись появляется здесь, только если она сгенерирована из выбранного пресета и версий пакетов.
Базовые значения времени компиляции
Сгенерированный каталог отдельно фиксирует отступы, размеры, радиусы по умолчанию, размеры шрифта, тени, длительности переходов и функции сглаживания, которые компилируются в константы.
Базовое значение времени сборки. Оно встроено в бандл модуля и не реагирует на смену темы фасада.
Значения времени компиляции допустимы для свойств, классифицированных как platform-invariant. Их недостаточно для свойства, которое обязано следовать за соседним компонентом PrimeVue при другой теме фасада.
rounded-md и rounded-border — не эквивалентные контракты, даже если сейчас они разрешаются в одно и то же число: первое — скомпилированное значение по умолчанию, второе привязано ко времени выполнения. Совпадение текущих значений также не доказывает совпадения семантических ролей.
Защищённые сопоставления
Модули могут расширять общий пресет. Они не должны переопределять защищённые значения Wippy для:
- Семейств primary и surface.
- Семейств severity.
- Семантики text, content и highlight.
- Опубликованной семантики переносимых элементов управления.
Проверка соответствия разрешает фактическую конфигурацию Tailwind модуля и отклоняет несовместимую замену защищённых сопоставлений.
Пользовательские аналоги
Переносимый пользовательский аналог может использовать:
- Семантические утилиты с привязкой ко времени выполнения, перечисленные в сгенерированном каталоге.
- Публичные переменные напрямую, перечисленные в выбранном манифесте токенов.
- Утилиты времени компиляции для свойств, явно классифицированных как
platform-invariant. - Локальные утилиты модуля для действительно новых структур.
Он не может копировать фиксированные размеры, радиусы или длительности для свойств, которые должны следовать за соседним компонентом PrimeVue. Если публичной семантики времени выполнения нет, зафиксируйте пробел в контракте темы; не изобретайте утилиту или токен.
Сгенерированный каталог утилит
Зафиксированный в репозитории снимок сгенерирован из:
- Точной версии Tailwind, выбранной пакетом
@wippy-fe/theme. - Точной версии
tailwindcss-primeui. - Общего
tailwind.config.tsWippy. - Расширений Wippy.
Каждая сгенерированная строка содержит утилиту, генерируемое свойство, итоговое значение, зависимость времени выполнения, назначение, допустимого потребителя, стабильность, кортеж совместимости пакетов и хэши источников.
Сгенерировано из @wippy-fe/theme 0.0.46. Каждое представительное сопоставление ниже проверено по CSS, скомпилированному Tailwind 3.4.19 с tailwindcss-primeui 0.6.1.
Хэши источников: контракт темы 853a01257988861e208b6f7523de25cd329717763d064e4f2c5920cff7f7778a; конфигурация темы 129f1591fd657416b75e913f554329924bade319c38e62f5b72dcc5f72bd8295; конфигурация Tailwind f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d; исходники эталонной темы aura/index.mjs=d1a1a574cf1a15aad8aee4cb3fa169aa97bf4029e9f858b84245e7f0b933d5ca; aura/base/index.mjs=9fec80a7ffbd5fb0229da666c1472c27c9a0a6a7ef3bb0a84bd7b070601e4198; aura/inputtext/index.mjs=5c5a4af9bacf0d585120b119bb7bfb02c7deedd9714b131d7009ff6e95f818e8; aura/toggleswitch/index.mjs=1e068fd0ede48eeeca4d10571940d65dadb3450b2ee51a39d09b33dda9da6e66; aura/button/index.mjs=44d8fd7f7ae163ce2653de8c6eb8af097fc453b4c60f702fcf76845be6ec9393.
Семантические утилиты с привязкой ко времени выполнения
| Утилита | CSS-свойство | Итоговое значение | Зависимость времени выполнения | Классификация | Допустимый потребитель | Стабильность | Назначение |
|---|---|---|---|---|---|---|---|
bg-danger-500 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-emphasis |
background / color | var(--p-content-hover-background) / var(--p-content-hover-color) |
--p-content-hover-background, --p-content-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Контент под курсором или акцентированный |
bg-help-500 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-highlight |
background / color | var(--p-highlight-background) / var(--p-highlight-color) |
--p-highlight-background, --p-highlight-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Выбранный или подсвеченный контент |
bg-highlight-emphasis |
background / color | var(--p-highlight-focus-background) / var(--p-highlight-focus-color) |
--p-highlight-focus-background, --p-highlight-focus-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Подсвеченный контент в фокусе |
bg-info-500 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-primary |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Цвет основного действия и акцента по умолчанию |
bg-primary-emphasis |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Состояние наведения или акцента для primary |
bg-success-500 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-0 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-surface-950 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-warn-500 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-danger-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-danger-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-danger-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-help-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-help-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-info-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-info-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-primary |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-primary-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-success-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-success-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-surface |
border-color | var(--p-content-border-color) |
--p-content-border-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Общие границы контента и элементов управления |
border-surface-100 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-surface-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-surface-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-surface-950 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-warn-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-warn-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-danger-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-help-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-info-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-success-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-0 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-800 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-surface-900 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-900 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-warn-400 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-danger-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-danger-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-danger-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-help-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-help-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-info-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-info-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-primary-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-success-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-success-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-surface-100 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-surface-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-surface-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-surface-800 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-warn-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-warn-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:disabled:bg-surface-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:disabled:text-surface-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-danger-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-danger-400/15 |
background-color | color-mix(in srgb, var(--p-danger-400) calc(100% * 0.15), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-help-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-help-400/15 |
background-color | color-mix(in srgb, var(--p-help-400) calc(100% * 0.15), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-info-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-info-400/15 |
background-color | color-mix(in srgb, var(--p-info-400) calc(100% * 0.15), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-primary/15 |
background-color | color-mix(in srgb, var(--p-primary-color) calc(100% * 0.15), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-success-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-success-400/15 |
background-color | color-mix(in srgb, var(--p-success-400) calc(100% * 0.15), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-surface-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-surface-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-surface-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-warn-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-warn-400/15 |
background-color | color-mix(in srgb, var(--p-warn-400) calc(100% * 0.15), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-danger-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-danger-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-help-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-help-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-info-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-info-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-primary-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-success-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-success-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-surface-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-surface-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-surface-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-warn-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-warn-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-danger-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-danger-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-help-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-help-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-info-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-info-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-success-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-success-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-surface-0 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-surface-100 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-surface-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-warn-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:text-warn-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:focus:border-primary |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-danger-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-danger-400/5 |
background-color | color-mix(in srgb, var(--p-danger-400) calc(100% * 0.05), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-help-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-help-400/5 |
background-color | color-mix(in srgb, var(--p-help-400) calc(100% * 0.05), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-info-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-info-400/5 |
background-color | color-mix(in srgb, var(--p-info-400) calc(100% * 0.05), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-primary/5 |
background-color | color-mix(in srgb, var(--p-primary-color) calc(100% * 0.05), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-success-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-success-400/5 |
background-color | color-mix(in srgb, var(--p-success-400) calc(100% * 0.05), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-surface-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-surface-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-surface-800 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-warn-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-warn-400/5 |
background-color | color-mix(in srgb, var(--p-warn-400) calc(100% * 0.05), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-danger-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-danger-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-help-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-help-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-info-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-info-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-primary-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-success-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-success-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-surface-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-surface-500 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-surface-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-warn-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-warn-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-danger-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-danger-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-help-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-help-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-info-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-info-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-success-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-success-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-surface-0 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-surface-200 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-surface-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-warn-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:text-warn-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-danger-400 |
outline-color | color-mix(in srgb, var(--p-danger-400) calc(100% * 1), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-help-400 |
outline-color | color-mix(in srgb, var(--p-help-400) calc(100% * 1), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-info-400 |
outline-color | color-mix(in srgb, var(--p-info-400) calc(100% * 1), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-success-400 |
outline-color | color-mix(in srgb, var(--p-success-400) calc(100% * 1), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-surface-0 |
outline-color | color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-surface-300 |
outline-color | color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:focus-visible:outline-warn-400 |
outline-color | color-mix(in srgb, var(--p-warn-400) calc(100% * 1), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:placeholder:text-surface-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-danger-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-danger-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-help-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-help-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-info-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-info-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-success-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-success-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-0 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-0 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-300 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-800 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-900 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-900 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-warn-400 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:text-warn-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
disabled:bg-surface-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
disabled:text-surface-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-danger-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-danger-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-help-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-help-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-info-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-info-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-primary-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-primary-emphasis-alt |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-active-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-success-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-success-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-surface-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-surface-300 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-surface-800 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-warn-100 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-100 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:bg-warn-700 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-danger-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-danger-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-help-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-help-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-info-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-info-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-primary-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-primary-emphasis-alt |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-active-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-success-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-success-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-surface-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-surface-300 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-300 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-surface-800 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-warn-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-warn-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-danger-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-help-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-info-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-success-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-surface-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-surface-700 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-surface-800 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-800 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-warn-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:focus:border-primary |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-danger-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-danger-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-danger-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-help-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-help-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-help-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-info-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-info-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-info-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-primary-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-primary-emphasis |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-primary-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-success-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-success-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-success-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-surface-200 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-surface-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-surface-900 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-surface-900 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-warn-50 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-50 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-warn-600 |
--tw-bg-opacity / background-color | 1 / color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
--p-warn-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-danger-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-danger-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-danger-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-help-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-help-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-help-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-info-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-info-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-info-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-primary-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-primary-emphasis |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-primary-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-success-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-success-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-success-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-surface-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-surface-400 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-400 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-surface-700 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-surface-900 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-surface-900 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-warn-200 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-200 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-warn-600 |
--tw-border-opacity / border-color | 1 / color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
--p-warn-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-danger-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-help-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-info-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-success-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-surface-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-surface-700 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-warn-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-danger-500 |
outline-color | color-mix(in srgb, var(--p-danger-500) calc(100% * 1), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-help-500 |
outline-color | color-mix(in srgb, var(--p-help-500) calc(100% * 1), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-info-500 |
outline-color | color-mix(in srgb, var(--p-info-500) calc(100% * 1), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-primary |
outline-color | color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-success-500 |
outline-color | color-mix(in srgb, var(--p-success-500) calc(100% * 1), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-surface-600 |
outline-color | color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-surface-950 |
outline-color | color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-warn-500 |
outline-color | color-mix(in srgb, var(--p-warn-500) calc(100% * 1), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
placeholder:text-surface-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
rounded-border |
border-radius | var(--p-content-border-radius) |
--p-content-border-radius | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Общий радиус контента, а не автоматический радиус элемента формы |
text-color |
color | var(--p-text-color) |
--p-text-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Основной текст контента |
text-color-emphasis |
color | var(--p-text-hover-color) |
--p-text-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Акцентированный текст контента |
text-danger-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-danger-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-help-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-help-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-info-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-info-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-muted-color |
color | var(--p-text-muted-color) |
--p-text-muted-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Вторичный текст контента |
text-muted-color-emphasis |
color | var(--p-text-hover-muted-color) |
--p-text-hover-muted-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Акцентированный вторичный текст |
text-primary |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Цвет основного действия и акцента по умолчанию |
text-primary-contrast |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-contrast-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | public | Цвет переднего плана в паре с основным фоном |
text-primary-emphasis |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-primary-hover-color | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-success-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-success-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-surface-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-surface-600 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-600 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-surface-700 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-700 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-surface-950 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-surface-950 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-warn-500 |
--tw-text-opacity / color | 1 / color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
--p-warn-500 | runtime-variable | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
Базовые значения времени компиляции
Базовое значение времени сборки. Оно встроено в бандл модуля и не реагирует на смену темы фасада.
| Утилита | CSS-свойство | Итоговое значение | Зависимость времени выполнения | Классификация | Допустимый потребитель | Стабильность | Назначение |
|---|---|---|---|---|---|---|---|
absolute |
position | absolute |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
appearance-none |
appearance | none |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
bg-transparent |
background-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border |
border-width | 1px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
cursor-pointer |
cursor | pointer |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:bg-transparent |
background-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:bg-white/15 |
background-color | rgb(255 255 255 / 0.15) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:active:border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:bg-white/5 |
background-color | rgb(255 255 255 / 0.05) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
dark:enabled:hover:border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
disabled:cursor-default |
cursor | default |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
disabled:opacity-100 |
opacity | 1 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
duration-200 |
transition-duration | 200ms |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статическая базовая анимация Tailwind |
ease-in-out |
transition-timing-function | cubic-bezier(0.4, 0, 0.2, 1) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые тайминги Tailwind |
enabled:active:bg-transparent |
background-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:active:text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:bg-transparent |
background-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:border-transparent |
border-color | transparent |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
enabled:hover:text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
flex |
display | flex |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
flex-col |
flex-direction | column |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline |
outline-style | solid |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-1 |
outline-width | 1px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
focus-visible:outline-offset-2 |
outline-offset | 2px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
font-medium |
font-weight | 500 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
gap-0 |
gap | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
gap-2 |
gap | 0.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые отступы Tailwind |
h-10 |
height | 2.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
h-4 |
height | 1rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
h-6 |
height | 1.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые размеры Tailwind |
h-full |
height | 100% |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
inline-block |
display | inline-block |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
inline-flex |
display | inline-flex |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
invisible |
visibility | hidden |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
items-center |
align-items | center |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
justify-center |
justify-content | center |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
leading-4 |
line-height | 1rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
m-0 |
margin | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
min-w-4 |
min-width | 1rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
opacity-0 |
opacity | 0 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
opacity-100 |
opacity | 1 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
order-1 |
order | 1 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
order-2 |
order | 2 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
order-[-1] |
order | -1 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
outline-1 |
outline-width | 1px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статическая базовая геометрия фокуса Tailwind |
outline-none |
outline / outline-offset | 2px solid transparent / 2px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
outline-offset-2 |
outline-offset | 2px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статическая базовая геометрия фокуса Tailwind |
overflow-hidden |
overflow | hidden |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
p-0 |
padding | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
px-0 |
padding-left / padding-right | 0px / 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
px-2 |
padding-left / padding-right | 0.5rem / 0.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
px-3 |
padding-left / padding-right | 0.75rem / 0.75rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые отступы Tailwind |
px-[0.625rem] |
padding-left / padding-right | 0.625rem / 0.625rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
px-[0.875rem] |
padding-left / padding-right | 0.875rem / 0.875rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
py-1 |
padding-top / padding-bottom | 0.25rem / 0.25rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
py-2 |
padding-top / padding-bottom | 0.5rem / 0.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые отступы Tailwind |
py-[0.375rem] |
padding-top / padding-bottom | 0.375rem / 0.375rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
py-[0.625rem] |
padding-top / padding-bottom | 0.625rem / 0.625rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
relative |
position | relative |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
rounded-[2rem] |
border-radius | 2rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
rounded-full |
border-radius | 9999px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
rounded-md |
border-radius | 0.375rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статический базовый радиус Tailwind |
select-none |
user-select | none |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),0_2px_2px_0_rgba(0,0,0,0.14),0_1px_5px_0_rgba(0,0,0,0.12)] |
--tw-shadow / --tw-shadow-colored / box-shadow | 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12) / 0 3px 1px -2px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color) / var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
start-0 |
inset-inline-start | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-[1.125rem] |
font-size | 1.125rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-lg |
font-size / line-height | 1.125rem / 1.75rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-sm |
font-size / line-height | 0.875rem / 1.25rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статическая базовая типографика Tailwind |
text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
text-xs |
font-size / line-height | 0.75rem / 1rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
top-0 |
top | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
top-1/2 |
top | 50% |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
transition-[background,color,left] |
transition-property / transition-timing-function / transition-duration | background,color,left / cubic-bezier(0.4, 0, 0.2, 1) / 150ms |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
transition-colors |
transition-property / transition-timing-function / transition-duration | color, background-color, border-color, text-decoration-color, fill, stroke / cubic-bezier(0.4, 0, 0.2, 1) / 150ms |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
underline |
text-decoration-line | underline |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
w-0 |
width | 0px |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
w-10 |
width | 2.5rem |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | platform-invariant-only | Статические базовые размеры Tailwind |
w-full |
width | 100% |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
z-10 |
z-index | 10 |
нет | compile-time-constant | переносимый модуль, если семантика использования совпадает; фиксированные значения — только после проверки инвариантности | generated-representative | Представительная утилита; проверьте семантику использования на стороне потребителя |
Внутренние или временные утилиты
| Утилита | CSS-свойство | Итоговое значение | Зависимость времени выполнения | Классификация | Допустимый потребитель | Стабильность | Назначение |
|---|
Скомпилированные представительные пробы
| Утилита | Генерируемые объявления |
|---|---|
absolute |
position: absolute |
appearance-none |
appearance: none |
bg-danger-500 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-emphasis |
background: var(--p-content-hover-background); color: var(--p-content-hover-color) |
bg-help-500 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-highlight |
background: var(--p-highlight-background); color: var(--p-highlight-color) |
bg-highlight-emphasis |
background: var(--p-highlight-focus-background); color: var(--p-highlight-focus-color) |
bg-info-500 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-primary |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-primary-emphasis |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-success-500 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-0 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-surface-950 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
bg-transparent |
background-color: transparent |
bg-warn-500 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
border |
border-width: 1px |
border-danger-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-danger-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-danger-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-help-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-help-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-info-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-info-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-primary |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-primary-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-success-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-success-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-surface |
border-color: var(--p-content-border-color) |
border-surface-100 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-surface-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-surface-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-surface-950 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-transparent |
border-color: transparent |
border-warn-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
border-warn-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
cursor-pointer |
cursor: pointer |
dark:bg-danger-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-help-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-info-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-success-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-0 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-800 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-surface-900 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:bg-transparent |
background-color: transparent |
dark:bg-warn-400 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:border-danger-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-danger-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-danger-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-help-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-help-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-info-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-info-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-primary-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-success-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-success-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-surface-100 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-surface-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-surface-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-surface-800 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-transparent |
border-color: transparent |
dark:border-warn-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:border-warn-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:disabled:bg-surface-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:disabled:text-surface-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:bg-danger-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-danger-400/15 |
background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-help-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-help-400/15 |
background-color: color-mix(in srgb, var(--p-help-400) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-info-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-info-400/15 |
background-color: color-mix(in srgb, var(--p-info-400) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-primary/15 |
background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-success-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-success-400/15 |
background-color: color-mix(in srgb, var(--p-success-400) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-surface-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-surface-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-surface-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-warn-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:active:bg-warn-400/15 |
background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 0.15), transparent) |
dark:enabled:active:bg-white/15 |
background-color: rgb(255 255 255 / 0.15) |
dark:enabled:active:border-danger-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-danger-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-help-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-help-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-info-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-info-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-primary-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-success-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-success-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-surface-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-surface-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-surface-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-transparent |
border-color: transparent |
dark:enabled:active:border-warn-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:border-warn-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:active:text-danger-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-danger-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-help-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-help-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-info-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-info-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-success-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-success-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-surface-0 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-surface-100 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-surface-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-warn-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:active:text-warn-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:focus:border-primary |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:bg-danger-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-danger-400/5 |
background-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-help-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-help-400/5 |
background-color: color-mix(in srgb, var(--p-help-400) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-info-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-info-400/5 |
background-color: color-mix(in srgb, var(--p-info-400) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-primary/5 |
background-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-success-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-success-400/5 |
background-color: color-mix(in srgb, var(--p-success-400) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-surface-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-surface-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-surface-800 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-warn-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
dark:enabled:hover:bg-warn-400/5 |
background-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 0.05), transparent) |
dark:enabled:hover:bg-white/5 |
background-color: rgb(255 255 255 / 0.05) |
dark:enabled:hover:border-danger-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-danger-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-help-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-help-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-info-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-info-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-primary-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-success-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-success-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-surface-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-surface-500 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-surface-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-transparent |
border-color: transparent |
dark:enabled:hover:border-warn-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:border-warn-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
dark:enabled:hover:text-danger-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-danger-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-help-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-help-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-info-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-info-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-success-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-success-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-surface-0 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-surface-200 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-surface-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-warn-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:enabled:hover:text-warn-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:focus-visible:outline-danger-400 |
outline-color: color-mix(in srgb, var(--p-danger-400) calc(100% * 1), transparent) |
dark:focus-visible:outline-help-400 |
outline-color: color-mix(in srgb, var(--p-help-400) calc(100% * 1), transparent) |
dark:focus-visible:outline-info-400 |
outline-color: color-mix(in srgb, var(--p-info-400) calc(100% * 1), transparent) |
dark:focus-visible:outline-success-400 |
outline-color: color-mix(in srgb, var(--p-success-400) calc(100% * 1), transparent) |
dark:focus-visible:outline-surface-0 |
outline-color: color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent) |
dark:focus-visible:outline-surface-300 |
outline-color: color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent) |
dark:focus-visible:outline-warn-400 |
outline-color: color-mix(in srgb, var(--p-warn-400) calc(100% * 1), transparent) |
dark:placeholder:text-surface-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-danger-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-danger-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-help-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-help-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-info-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-info-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-success-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-success-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-0 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-300 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-800 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-900 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-warn-400 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-400) calc(100% * var(--tw-text-opacity, 1)), transparent) |
dark:text-warn-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
disabled:bg-surface-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
disabled:cursor-default |
cursor: default |
disabled:opacity-100 |
opacity: 1 |
disabled:text-surface-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
duration-200 |
transition-duration: 200ms |
ease-in-out |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) |
enabled:active:bg-danger-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-danger-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-help-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-help-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-info-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-info-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-primary-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-primary-emphasis-alt |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-success-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-success-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-surface-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-surface-300 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-surface-800 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-transparent |
background-color: transparent |
enabled:active:bg-warn-100 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-100) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:bg-warn-700 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:active:border-danger-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-danger-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-help-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-help-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-info-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-info-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-primary-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-primary-emphasis-alt |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-active-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-success-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-success-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-surface-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-surface-300 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-surface-800 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-transparent |
border-color: transparent |
enabled:active:border-warn-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:border-warn-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:active:text-danger-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-help-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-info-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-success-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-surface-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-surface-700 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-surface-800 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-warn-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:active:text-white |
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) |
enabled:focus:border-primary |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:bg-danger-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-danger-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-help-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-help-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-info-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-info-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-primary-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-primary-emphasis |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-success-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-success-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-surface-200 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-surface-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-surface-900 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-transparent |
background-color: transparent |
enabled:hover:bg-warn-50 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-50) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:bg-warn-600 |
--tw-bg-opacity: 1; background-color: color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-bg-opacity, 1)), transparent) |
enabled:hover:border-danger-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-danger-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-danger-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-help-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-help-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-help-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-info-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-info-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-info-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-primary-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-primary-emphasis |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-success-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-success-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-success-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-surface-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-surface-400 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-surface-700 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-surface-900 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-transparent |
border-color: transparent |
enabled:hover:border-warn-200 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-200) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:border-warn-600 |
--tw-border-opacity: 1; border-color: color-mix(in srgb, var(--p-warn-600) calc(100% * var(--tw-border-opacity, 1)), transparent) |
enabled:hover:text-danger-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-help-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-info-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-success-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-surface-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-surface-700 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-warn-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
enabled:hover:text-white |
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) |
flex |
display: flex |
flex-col |
flex-direction: column |
focus-visible:outline |
outline-style: solid |
focus-visible:outline-1 |
outline-width: 1px |
focus-visible:outline-danger-500 |
outline-color: color-mix(in srgb, var(--p-danger-500) calc(100% * 1), transparent) |
focus-visible:outline-help-500 |
outline-color: color-mix(in srgb, var(--p-help-500) calc(100% * 1), transparent) |
focus-visible:outline-info-500 |
outline-color: color-mix(in srgb, var(--p-info-500) calc(100% * 1), transparent) |
focus-visible:outline-offset-2 |
outline-offset: 2px |
focus-visible:outline-primary |
outline-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent) |
focus-visible:outline-success-500 |
outline-color: color-mix(in srgb, var(--p-success-500) calc(100% * 1), transparent) |
focus-visible:outline-surface-600 |
outline-color: color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent) |
focus-visible:outline-surface-950 |
outline-color: color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent) |
focus-visible:outline-warn-500 |
outline-color: color-mix(in srgb, var(--p-warn-500) calc(100% * 1), transparent) |
font-medium |
font-weight: 500 |
gap-0 |
gap: 0px |
gap-2 |
gap: 0.5rem |
h-10 |
height: 2.5rem |
h-4 |
height: 1rem |
h-6 |
height: 1.5rem |
h-full |
height: 100% |
inline-block |
display: inline-block |
inline-flex |
display: inline-flex |
invisible |
visibility: hidden |
items-center |
align-items: center |
justify-center |
justify-content: center |
leading-4 |
line-height: 1rem |
m-0 |
margin: 0px |
min-w-4 |
min-width: 1rem |
opacity-0 |
opacity: 0 |
opacity-100 |
opacity: 1 |
order-1 |
order: 1 |
order-2 |
order: 2 |
order-[-1] |
order: -1 |
outline-1 |
outline-width: 1px |
outline-none |
outline: 2px solid transparent; outline-offset: 2px |
outline-offset-2 |
outline-offset: 2px |
overflow-hidden |
overflow: hidden |
p-0 |
padding: 0px |
placeholder:text-surface-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
px-0 |
padding-left: 0px; padding-right: 0px |
px-2 |
padding-left: 0.5rem; padding-right: 0.5rem |
px-3 |
padding-left: 0.75rem; padding-right: 0.75rem |
px-[0.625rem] |
padding-left: 0.625rem; padding-right: 0.625rem |
px-[0.875rem] |
padding-left: 0.875rem; padding-right: 0.875rem |
py-1 |
padding-top: 0.25rem; padding-bottom: 0.25rem |
py-2 |
padding-top: 0.5rem; padding-bottom: 0.5rem |
py-[0.375rem] |
padding-top: 0.375rem; padding-bottom: 0.375rem |
py-[0.625rem] |
padding-top: 0.625rem; padding-bottom: 0.625rem |
relative |
position: relative |
rounded-[2rem] |
border-radius: 2rem |
rounded-border |
border-radius: var(--p-content-border-radius) |
rounded-full |
border-radius: 9999px |
rounded-md |
border-radius: 0.375rem |
select-none |
user-select: none |
shadow-[0_3px_1px_-2px_rgba(0,0,0,0.2),0_2px_2px_0_rgba(0,0,0,0.14),0_1px_5px_0_rgba(0,0,0,0.12)] |
--tw-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12); --tw-shadow-colored: 0 3px 1px -2px var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color), 0 1px 5px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) |
start-0 |
inset-inline-start: 0px |
text-[1.125rem] |
font-size: 1.125rem |
text-color |
color: var(--p-text-color) |
text-color-emphasis |
color: var(--p-text-hover-color) |
text-danger-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-danger-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-help-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-help-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-info-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-info-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-lg |
font-size: 1.125rem; line-height: 1.75rem |
text-muted-color |
color: var(--p-text-muted-color) |
text-muted-color-emphasis |
color: var(--p-text-hover-muted-color) |
text-primary |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-primary-contrast |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-primary-emphasis |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-primary-hover-color) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-sm |
font-size: 0.875rem; line-height: 1.25rem |
text-success-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-success-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-surface-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-surface-600 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-surface-700 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-surface-950 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-warn-500 |
--tw-text-opacity: 1; color: color-mix(in srgb, var(--p-warn-500) calc(100% * var(--tw-text-opacity, 1)), transparent) |
text-white |
--tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) |
text-xs |
font-size: 0.75rem; line-height: 1rem |
top-0 |
top: 0px |
top-1/2 |
top: 50% |
transition-[background,color,left] |
transition-property: background,color,left; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms |
transition-colors |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms |
underline |
text-decoration-line: underline |
w-0 |
width: 0px |
w-10 |
width: 2.5rem |
w-full |
width: 100% |
z-10 |
z-index: 10 |