Contrato de Tailwind
“Tailwind token” es un término ambiguo. Use estos cuatro términos en su lugar.
| Capa | Ejemplo | Comportamiento ante el tema |
|---|---|---|
| Nombre de utilidad | px-3, rounded-md, bg-primary |
Solo vocabulario del código fuente |
| Valor de Tailwind de tiempo de compilación | px-3 emite un valor de espaciado fijo |
Incrustado en el bundle del módulo |
| Utilidad respaldada en runtime | bg-primary emite una referencia a una variable pública --p-* |
Responde a los cambios de tema en runtime del facade |
| Contrato público portable | Un token o utilidad semántica de Wippy documentado deliberadamente | Estable para los consumidores portables soportados |
Tailwind 3 es un compilador sin runtime. No deduzca el comportamiento en runtime a partir del nombre de una utilidad; inspeccione la declaración emitida.
Utilidades semánticas de runtime
El catálogo de utilidades generado es la autoridad sobre los mapeos exactos. Clasifica las utilidades actuales de primary, surface, severity, texto, contenido, highlight y radio según su CSS emitido y su dependencia de variables públicas.
Entre las categorías previstas están los colores semánticos, los bordes de contenido, el texto atenuado y rounded-border cuando la fuente generada confirma su mapeo. Una entrada aparece aquí solo cuando se genera a partir del preset y las versiones de paquete seleccionados.
Línea base de tiempo de compilación
El catálogo generado registra por separado el espaciado, el dimensionado, los radios por defecto, los tamaños de fuente, las sombras, las duraciones de transición y las funciones de temporización que se compilan a constantes.
Línea base de tiempo de build. Este valor queda incrustado en el bundle del módulo y no reacciona a un cambio de tema del facade.
Los valores de tiempo de compilación son válidos para propiedades clasificadas como platform-invariant. Son insuficientes para una propiedad que deba seguir a su componente hermano de PrimeVue bajo otro tema del facade.
rounded-md y rounded-border no son contratos equivalentes aunque hoy resuelvan al mismo número: uno es un valor por defecto compilado y el otro está respaldado en runtime. Que los valores actuales coincidan tampoco demuestra que los roles semánticos sean iguales.
Mapeos protegidos
Los módulos pueden extender el preset compartido. No deben redefinir los significados protegidos de Wippy para:
- Las familias primary y surface.
- Las familias de severity.
- La semántica de texto, contenido y highlight.
- La semántica publicada de los controles portables.
La conformidad resuelve la configuración real de Tailwind del módulo y rechaza el reemplazo incompatible de mapeos protegidos.
Hermanos personalizados
Un hermano personalizado portable puede usar:
- Utilidades semánticas respaldadas en runtime listadas en el catálogo generado.
- Variables públicas directas listadas en el manifiesto de tokens seleccionado.
- Utilidades de tiempo de compilación para propiedades clasificadas explícitamente como
platform-invariant. - Utilidades locales del módulo para estructura genuinamente nueva.
No puede copiar dimensiones, radios ni duraciones fijas para propiedades que se espera que sigan a su hermano de PrimeVue. Si no existe una semántica pública de runtime, registre una brecha del contrato de tema; no invente una utilidad ni un token.
Catálogo de utilidades generado
El snapshot versionado en el repositorio se genera a partir de:
- La versión exacta de Tailwind seleccionada por
@wippy-fe/theme. - La versión exacta de
tailwindcss-primeui. - El
tailwind.config.tscompartido de Wippy. - Las extensiones de Wippy.
Cada fila generada contiene la utilidad, la propiedad emitida, el valor resuelto, la dependencia de runtime, el uso previsto, el consumidor permitido, la estabilidad, la tupla de compatibilidad de paquetes y los hashes de origen.
Generado a partir de @wippy-fe/theme 0.0.46. Cada mapeo representativo que aparece a continuación se verifica contra el CSS compilado por Tailwind 3.4.19 con tailwindcss-primeui 0.6.1.
Hashes de origen: contrato de tema 853a01257988861e208b6f7523de25cd329717763d064e4f2c5920cff7f7778a; configuración de tema 129f1591fd657416b75e913f554329924bade319c38e62f5b72dcc5f72bd8295; configuración de Tailwind f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d; fuentes del tema de referencia aura/index.mjs=d1a1a574cf1a15aad8aee4cb3fa169aa97bf4029e9f858b84245e7f0b933d5ca; aura/base/index.mjs=9fec80a7ffbd5fb0229da666c1472c27c9a0a6a7ef3bb0a84bd7b070601e4198; aura/inputtext/index.mjs=5c5a4af9bacf0d585120b119bb7bfb02c7deedd9714b131d7009ff6e95f818e8; aura/toggleswitch/index.mjs=1e068fd0ede48eeeca4d10571940d65dadb3450b2ee51a39d09b33dda9da6e66; aura/button/index.mjs=44d8fd7f7ae163ce2653de8c6eb8af097fc453b4c60f702fcf76845be6ec9393.
Utilidades semánticas respaldadas en runtime
| Utilidad | Propiedad CSS | Valor resuelto | Dependencia de runtime | Clasificación | Consumidor permitido | Estabilidad | Uso previsto |
|---|---|---|---|---|---|---|---|
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
bg-emphasis |
background / color | var(--p-content-hover-background) / var(--p-content-hover-color) |
--p-content-hover-background, --p-content-hover-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Contenido en hover o enfatizado |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
bg-highlight |
background / color | var(--p-highlight-background) / var(--p-highlight-color) |
--p-highlight-background, --p-highlight-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Contenido seleccionado o resaltado |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Contenido resaltado con foco |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Color por defecto de acción primaria y énfasis |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Estado de hover o énfasis de 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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
border-surface |
border-color | var(--p-content-border-color) |
--p-content-border-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Bordes compartidos de contenido y de controles |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-danger-500 |
outline-color | color-mix(in srgb, var(--p-danger-500) calc(100% * 1), transparent) |
--p-danger-500 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-help-500 |
outline-color | color-mix(in srgb, var(--p-help-500) calc(100% * 1), transparent) |
--p-help-500 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-info-500 |
outline-color | color-mix(in srgb, var(--p-info-500) calc(100% * 1), transparent) |
--p-info-500 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-primary |
outline-color | color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent) |
--p-primary-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-success-500 |
outline-color | color-mix(in srgb, var(--p-success-500) calc(100% * 1), transparent) |
--p-success-500 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-surface-600 |
outline-color | color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent) |
--p-surface-600 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-surface-950 |
outline-color | color-mix(in srgb, var(--p-surface-950) calc(100% * 1), transparent) |
--p-surface-950 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-warn-500 |
outline-color | color-mix(in srgb, var(--p-warn-500) calc(100% * 1), transparent) |
--p-warn-500 | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
rounded-border |
border-radius | var(--p-content-border-radius) |
--p-content-border-radius | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Radio de contenido genérico, no un radio automático de control de formulario |
text-color |
color | var(--p-text-color) |
--p-text-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Texto de contenido principal |
text-color-emphasis |
color | var(--p-text-hover-color) |
--p-text-hover-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Texto de contenido enfatizado |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
text-muted-color |
color | var(--p-text-muted-color) |
--p-text-muted-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Texto de contenido secundario |
text-muted-color-emphasis |
color | var(--p-text-hover-muted-color) |
--p-text-hover-muted-color | runtime-variable | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Texto secundario enfatizado |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Color por defecto de acción primaria y énfasis |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | public | Primer plano emparejado con el fondo primary |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
Líneas base de tiempo de compilación
Línea base de tiempo de build. Este valor queda incrustado en el bundle del módulo y no reacciona a un cambio de tema del facade.
| Utilidad | Propiedad CSS | Valor resuelto | Dependencia de runtime | Clasificación | Consumidor permitido | Estabilidad | Uso previsto |
|---|---|---|---|---|---|---|---|
absolute |
position | absolute |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
appearance-none |
appearance | none |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
bg-transparent |
background-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
border |
border-width | 1px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
cursor-pointer |
cursor | pointer |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:bg-transparent |
background-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:enabled:active:bg-white/15 |
background-color | rgb(255 255 255 / 0.15) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:enabled:active:border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:enabled:hover:bg-white/5 |
background-color | rgb(255 255 255 / 0.05) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
dark:enabled:hover:border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
disabled:cursor-default |
cursor | default |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
disabled:opacity-100 |
opacity | 1 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
duration-200 |
transition-duration | 200ms |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de movimiento de Tailwind |
ease-in-out |
transition-timing-function | cubic-bezier(0.4, 0, 0.2, 1) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de temporización de Tailwind |
enabled:active:bg-transparent |
background-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
enabled:active:border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
enabled:active:text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
enabled:hover:bg-transparent |
background-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
enabled:hover:border-transparent |
border-color | transparent |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
enabled:hover:text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
flex |
display | flex |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
flex-col |
flex-direction | column |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline |
outline-style | solid |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-1 |
outline-width | 1px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
focus-visible:outline-offset-2 |
outline-offset | 2px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
font-medium |
font-weight | 500 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
gap-0 |
gap | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
gap-2 |
gap | 0.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de espaciado de Tailwind |
h-10 |
height | 2.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
h-4 |
height | 1rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
h-6 |
height | 1.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de dimensionado de Tailwind |
h-full |
height | 100% |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
inline-block |
display | inline-block |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
inline-flex |
display | inline-flex |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
invisible |
visibility | hidden |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
items-center |
align-items | center |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
justify-center |
justify-content | center |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
leading-4 |
line-height | 1rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
m-0 |
margin | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
min-w-4 |
min-width | 1rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
opacity-0 |
opacity | 0 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
opacity-100 |
opacity | 1 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
order-1 |
order | 1 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
order-2 |
order | 2 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
order-[-1] |
order | -1 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
outline-1 |
outline-width | 1px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de geometría de foco de Tailwind |
outline-none |
outline / outline-offset | 2px solid transparent / 2px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
outline-offset-2 |
outline-offset | 2px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de geometría de foco de Tailwind |
overflow-hidden |
overflow | hidden |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
p-0 |
padding | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
px-0 |
padding-left / padding-right | 0px / 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
px-2 |
padding-left / padding-right | 0.5rem / 0.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
px-3 |
padding-left / padding-right | 0.75rem / 0.75rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de espaciado de Tailwind |
px-[0.625rem] |
padding-left / padding-right | 0.625rem / 0.625rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
px-[0.875rem] |
padding-left / padding-right | 0.875rem / 0.875rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
py-1 |
padding-top / padding-bottom | 0.25rem / 0.25rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
py-2 |
padding-top / padding-bottom | 0.5rem / 0.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de espaciado de Tailwind |
py-[0.375rem] |
padding-top / padding-bottom | 0.375rem / 0.375rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
py-[0.625rem] |
padding-top / padding-bottom | 0.625rem / 0.625rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
relative |
position | relative |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
rounded-[2rem] |
border-radius | 2rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
rounded-full |
border-radius | 9999px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
rounded-md |
border-radius | 0.375rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de radios de Tailwind |
select-none |
user-select | none |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
start-0 |
inset-inline-start | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
text-[1.125rem] |
font-size | 1.125rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
text-lg |
font-size / line-height | 1.125rem / 1.75rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
text-sm |
font-size / line-height | 0.875rem / 1.25rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de tipografía de Tailwind |
text-white |
--tw-text-opacity / color | 1 / rgb(255 255 255 / var(--tw-text-opacity, 1)) |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
text-xs |
font-size / line-height | 0.75rem / 1rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
top-0 |
top | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
top-1/2 |
top | 50% |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
transition-[background,color,left] |
transition-property / transition-timing-function / transition-duration | background,color,left / cubic-bezier(0.4, 0, 0.2, 1) / 150ms |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
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 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
underline |
text-decoration-line | underline |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
w-0 |
width | 0px |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
w-10 |
width | 2.5rem |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | platform-invariant-only | Línea base estática de dimensionado de Tailwind |
w-full |
width | 100% |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
z-10 |
z-index | 10 |
ninguna | compile-time-constant | módulo portable cuando el uso semántico coincide; valores fijos solo tras revisión de invariancia | generated-representative | Utilidad representativa; revise el uso semántico en el consumidor |
Utilidades internas o transitorias
| Utilidad | Propiedad CSS | Valor resuelto | Dependencia de runtime | Clasificación | Consumidor permitido | Estabilidad | Uso previsto |
|---|
Sondas representativas compiladas
| Utilidad | Declaraciones emitidas |
|---|---|
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 |