Cheatsheet generado a partir de las URLs oficiales de Tailwind CSS incluidas en tailwind-docs-notebooks.csv.
Formato básico:
Clase de UtilidadPropiedad CSSExplicación Breve
relación de aspecto
Fuente oficial: https://tailwindcss.com/docs/aspect-ratio
Utilidades para controlar la relación de aspecto de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
aspect- <ratio> | aspect-ratio: <ratio> ; | Aplica aspect-ratio: <ratio> ; al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
aspect-square | aspect-ratio: 1 / 1; | Aplica aspect-ratio: 1 / 1; al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
aspect-video | aspect-ratio: var(--aspect-video); /* 16 / 9 */ | Aplica aspect-ratio: var(--aspect-video); /* 16 / 9 */ al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
aspect-auto | aspect-ratio: auto; | Aplica aspect-ratio: auto; al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
aspect-( <custom-property> ) | aspect-ratio: var( <custom-property> ); | Aplica aspect-ratio: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
aspect-[ <value> ] | aspect-ratio: <value> ; | Aplica aspect-ratio: <value> ; al elemento; úsalo cuando necesites ajustar aspect-ratio con esta utilidad. |
columnas
Fuente oficial: https://tailwindcss.com/docs/columns
Utilidades para controlar el número de columnas dentro de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
columns- <number> | columns: <number> ; | Aplica columns: <number> ; al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-3xs | columns: var(--container-3xs); /* 16rem (256px) */ | Aplica columns: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-2xs | columns: var(--container-2xs); /* 18rem (288px) */ | Aplica columns: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-xs | columns: var(--container-xs); /* 20rem (320px) */ | Aplica columns: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-sm | columns: var(--container-sm); /* 24rem (384px) */ | Aplica columns: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-md | columns: var(--container-md); /* 28rem (448px) */ | Aplica columns: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-lg | columns: var(--container-lg); /* 32rem (512px) */ | Aplica columns: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-xl | columns: var(--container-xl); /* 36rem (576px) */ | Aplica columns: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-2xl | columns: var(--container-2xl); /* 42rem (672px) */ | Aplica columns: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-3xl | columns: var(--container-3xl); /* 48rem (768px) */ | Aplica columns: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-4xl | columns: var(--container-4xl); /* 56rem (896px) */ | Aplica columns: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-5xl | columns: var(--container-5xl); /* 64rem (1024px) */ | Aplica columns: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-6xl | columns: var(--container-6xl); /* 72rem (1152px) */ | Aplica columns: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-7xl | columns: var(--container-7xl); /* 80rem (1280px) */ | Aplica columns: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-auto | columns: auto; | Aplica columns: auto; al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-( <custom-property> ) | columns: var( <custom-property> ); | Aplica columns: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
columns-[ <value> ] | columns: <value> ; | Aplica columns: <value> ; al elemento; úsalo cuando necesites ajustar columns con esta utilidad. |
descanso después
Fuente oficial: https://tailwindcss.com/docs/break-after
Utilidades para controlar cómo debe dividirse una columna o página después de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
break-after-auto | break-after: auto; | Aplica break-after: auto; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-avoid | break-after: avoid; | Aplica break-after: avoid; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-all | break-after: all; | Aplica break-after: all; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-avoid-page | break-after: avoid-page; | Aplica break-after: avoid-page; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-page | break-after: page; | Aplica break-after: page; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-left | break-after: left; | Aplica break-after: left; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-right | break-after: right; | Aplica break-after: right; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
break-after-column | break-after: column; | Aplica break-after: column; al elemento; úsalo cuando necesites ajustar break-after con esta utilidad. |
descanso antes
Fuente oficial: https://tailwindcss.com/docs/break-before
Utilidades para controlar cómo debe dividirse una columna o página antes de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
break-before-auto | break-before: auto; | Aplica break-before: auto; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-avoid | break-before: avoid; | Aplica break-before: avoid; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-all | break-before: all; | Aplica break-before: all; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-avoid-page | break-before: avoid-page; | Aplica break-before: avoid-page; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-page | break-before: page; | Aplica break-before: page; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-left | break-before: left; | Aplica break-before: left; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-right | break-before: right; | Aplica break-before: right; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
break-before-column | break-before: column; | Aplica break-before: column; al elemento; úsalo cuando necesites ajustar break-before con esta utilidad. |
allanamiento de morada
Fuente oficial: https://tailwindcss.com/docs/break-inside
Utilidades para controlar cómo debe dividirse una columna o página dentro de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
break-inside-auto | break-inside: auto; | Aplica break-inside: auto; al elemento; úsalo cuando necesites ajustar break-inside con esta utilidad. |
break-inside-avoid | break-inside: avoid; | Aplica break-inside: avoid; al elemento; úsalo cuando necesites ajustar break-inside con esta utilidad. |
break-inside-avoid-page | break-inside: avoid-page; | Aplica break-inside: avoid-page; al elemento; úsalo cuando necesites ajustar break-inside con esta utilidad. |
break-inside-avoid-column | break-inside: avoid-column; | Aplica break-inside: avoid-column; al elemento; úsalo cuando necesites ajustar break-inside con esta utilidad. |
caja-decoracion-rotura
Fuente oficial: https://tailwindcss.com/docs/box-decoration-break
Utilidades para controlar cómo se deben representar los fragmentos de elementos en varias líneas, columnas o páginas.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
box-decoration-clone | box-decoration-break: clone; | Aplica box-decoration-break: clone; al elemento; úsalo cuando necesites ajustar box-decoration-break con esta utilidad. |
box-decoration-slice | box-decoration-break: slice; | Aplica box-decoration-break: slice; al elemento; úsalo cuando necesites ajustar box-decoration-break con esta utilidad. |
tamaño de caja
Fuente oficial: https://tailwindcss.com/docs/box-sizing
Utilidades para controlar cómo el navegador debe calcular el tamaño total de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
box-border | box-sizing: border-box; | Aplica box-sizing: border-box; al elemento; úsalo cuando necesites ajustar box-sizing con esta utilidad. |
box-content | box-sizing: content-box; | Aplica box-sizing: content-box; al elemento; úsalo cuando necesites ajustar box-sizing con esta utilidad. |
mostrar
Fuente oficial: https://tailwindcss.com/docs/display
Utilidades para controlar el tipo de cuadro de visualización de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
inline | display: inline; | Aplica display: inline; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
block | display: block; | Aplica display: block; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
inline-block | display: inline-block; | Aplica display: inline-block; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
flow-root | display: flow-root; | Aplica display: flow-root; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
flex | display: flex; | Aplica display: flex; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
inline-flex | display: inline-flex; | Aplica display: inline-flex; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
grid | display: grid; | Aplica display: grid; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
inline-grid | display: inline-grid; | Aplica display: inline-grid; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
contents | display: contents; | Aplica display: contents; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table | display: table; | Aplica display: table; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
inline-table | display: inline-table; | Aplica display: inline-table; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-caption | display: table-caption; | Aplica display: table-caption; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-cell | display: table-cell; | Aplica display: table-cell; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-column | display: table-column; | Aplica display: table-column; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-column-group | display: table-column-group; | Aplica display: table-column-group; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-footer-group | display: table-footer-group; | Aplica display: table-footer-group; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-header-group | display: table-header-group; | Aplica display: table-header-group; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-row-group | display: table-row-group; | Aplica display: table-row-group; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
table-row | display: table-row; | Aplica display: table-row; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
list-item | display: list-item; | Aplica display: list-item; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
hidden | display: none; | Aplica display: none; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
sr-only | position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; | Aplica position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
not-sr-only | position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; | Aplica position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; al elemento; úsalo cuando necesites ajustar display con esta utilidad. |
flotar
Fuente oficial: https://tailwindcss.com/docs/float
Utilidades para controlar la envoltura de contenido alrededor de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
float-right | float: right; | Aplica float: right; al elemento; úsalo cuando necesites ajustar float con esta utilidad. |
float-left | float: left; | Aplica float: left; al elemento; úsalo cuando necesites ajustar float con esta utilidad. |
float-start | float: inline-start; | Aplica float: inline-start; al elemento; úsalo cuando necesites ajustar float con esta utilidad. |
float-end | float: inline-end; | Aplica float: inline-end; al elemento; úsalo cuando necesites ajustar float con esta utilidad. |
float-none | float: none; | Aplica float: none; al elemento; úsalo cuando necesites ajustar float con esta utilidad. |
claro
Fuente oficial: https://tailwindcss.com/docs/clear
Utilidades para controlar la envoltura de contenido alrededor de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
clear-left | clear: left; | Aplica clear: left; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
clear-right | clear: right; | Aplica clear: right; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
clear-both | clear: both; | Aplica clear: both; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
clear-start | clear: inline-start; | Aplica clear: inline-start; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
clear-end | clear: inline-end; | Aplica clear: inline-end; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
clear-none | clear: none; | Aplica clear: none; al elemento; úsalo cuando necesites ajustar clear con esta utilidad. |
aislamiento
Fuente oficial: https://tailwindcss.com/docs/isolation
Utilidades para controlar si un elemento debe crear explícitamente un nuevo contexto de apilamiento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
isolate | isolation: isolate; | Aplica isolation: isolate; al elemento; úsalo cuando necesites ajustar isolation con esta utilidad. |
isolation-auto | isolation: auto; | Aplica isolation: auto; al elemento; úsalo cuando necesites ajustar isolation con esta utilidad. |
ajuste de objeto
Fuente oficial: https://tailwindcss.com/docs/object-fit
Utilidades para controlar cómo se debe cambiar el tamaño del contenido de un elemento reemplazado.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
object-contain | object-fit: contain; | Aplica object-fit: contain; al elemento; úsalo cuando necesites ajustar object-fit con esta utilidad. |
object-cover | object-fit: cover; | Aplica object-fit: cover; al elemento; úsalo cuando necesites ajustar object-fit con esta utilidad. |
object-fill | object-fit: fill; | Aplica object-fit: fill; al elemento; úsalo cuando necesites ajustar object-fit con esta utilidad. |
object-none | object-fit: none; | Aplica object-fit: none; al elemento; úsalo cuando necesites ajustar object-fit con esta utilidad. |
object-scale-down | object-fit: scale-down; | Aplica object-fit: scale-down; al elemento; úsalo cuando necesites ajustar object-fit con esta utilidad. |
posición del objeto
Fuente oficial: https://tailwindcss.com/docs/object-position
Utilidades para controlar cómo se debe colocar el contenido de un elemento reemplazado dentro de su contenedor.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
object-top-left | object-position: top left; | Aplica object-position: top left; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-top | object-position: top; | Aplica object-position: top; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-top-right | object-position: top right; | Aplica object-position: top right; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-left | object-position: left; | Aplica object-position: left; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-center | object-position: center; | Aplica object-position: center; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-right | object-position: right; | Aplica object-position: right; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-bottom-left | object-position: bottom left; | Aplica object-position: bottom left; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-bottom | object-position: bottom; | Aplica object-position: bottom; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-bottom-right | object-position: bottom right; | Aplica object-position: bottom right; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-( <custom-property> ) | object-position: var( <custom-property> ); | Aplica object-position: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
object-[ <value> ] | object-position: <value> ; | Aplica object-position: <value> ; al elemento; úsalo cuando necesites ajustar object-position con esta utilidad. |
rebosar
Fuente oficial: https://tailwindcss.com/docs/overflow
Utilidades para controlar cómo un elemento maneja contenido que es demasiado grande para el contenedor.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
overflow-auto | overflow: auto; | Aplica overflow: auto; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-hidden | overflow: hidden; | Aplica overflow: hidden; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-clip | overflow: clip; | Aplica overflow: clip; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-visible | overflow: visible; | Aplica overflow: visible; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-scroll | overflow: scroll; | Aplica overflow: scroll; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-x-auto | overflow-x: auto; | Aplica overflow-x: auto; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-y-auto | overflow-y: auto; | Aplica overflow-y: auto; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-x-hidden | overflow-x: hidden; | Aplica overflow-x: hidden; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-y-hidden | overflow-y: hidden; | Aplica overflow-y: hidden; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-x-clip | overflow-x: clip; | Aplica overflow-x: clip; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-y-clip | overflow-y: clip; | Aplica overflow-y: clip; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-x-visible | overflow-x: visible; | Aplica overflow-x: visible; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-y-visible | overflow-y: visible; | Aplica overflow-y: visible; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-x-scroll | overflow-x: scroll; | Aplica overflow-x: scroll; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
overflow-y-scroll | overflow-y: scroll; | Aplica overflow-y: scroll; al elemento; úsalo cuando necesites ajustar overflow con esta utilidad. |
comportamiento de desplazamiento excesivo
Fuente oficial: https://tailwindcss.com/docs/overscroll-behavior
Utilidades para controlar cómo se comporta el navegador al alcanzar el límite de un área de desplazamiento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
overscroll-auto | overscroll-behavior: auto; | Aplica overscroll-behavior: auto; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-contain | overscroll-behavior: contain; | Aplica overscroll-behavior: contain; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-none | overscroll-behavior: none; | Aplica overscroll-behavior: none; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-x-auto | overscroll-behavior-x: auto; | Aplica overscroll-behavior-x: auto; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-x-contain | overscroll-behavior-x: contain; | Aplica overscroll-behavior-x: contain; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-x-none | overscroll-behavior-x: none; | Aplica overscroll-behavior-x: none; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-y-auto | overscroll-behavior-y: auto; | Aplica overscroll-behavior-y: auto; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-y-contain | overscroll-behavior-y: contain; | Aplica overscroll-behavior-y: contain; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
overscroll-y-none | overscroll-behavior-y: none; | Aplica overscroll-behavior-y: none; al elemento; úsalo cuando necesites ajustar overscroll-behavior con esta utilidad. |
posición
Fuente oficial: https://tailwindcss.com/docs/position
Utilidades para controlar cómo se posiciona un elemento en el documento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
static | position: static; | Aplica position: static; al elemento; úsalo cuando necesites ajustar position con esta utilidad. |
fixed | position: fixed; | Aplica position: fixed; al elemento; úsalo cuando necesites ajustar position con esta utilidad. |
absolute | position: absolute; | Aplica position: absolute; al elemento; úsalo cuando necesites ajustar position con esta utilidad. |
relative | position: relative; | Aplica position: relative; al elemento; úsalo cuando necesites ajustar position con esta utilidad. |
sticky | position: sticky; | Aplica position: sticky; al elemento; úsalo cuando necesites ajustar position con esta utilidad. |
arriba / derecha / abajo / izquierda
Fuente oficial: https://tailwindcss.com/docs/top-right-bottom-left
Utilidades para controlar la colocación de elementos posicionados.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
inset- <number> | inset: calc(var(--spacing) * <number> ); | Aplica inset: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset- <number> | inset: calc(var(--spacing) * - <number> ); | Aplica inset: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset- <fraction> | inset: calc( <fraction> * 100%); | Aplica inset: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset- <fraction> | inset: calc( <fraction> * -100%); | Aplica inset: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-px | inset: 1px; | Aplica inset: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-px | inset: -1px; | Aplica inset: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-full | inset: 100%; | Aplica inset: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-full | inset: -100%; | Aplica inset: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-auto | inset: auto; | Aplica inset: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-( <custom-property> ) | inset: var( <custom-property> ); | Aplica inset: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-[ <value> ] | inset: <value> ; | Aplica inset: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x- <number> | inset-inline: calc(var(--spacing) * <number> ); | Aplica inset-inline: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-x- <number> | inset-inline: calc(var(--spacing) * - <number> ); | Aplica inset-inline: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x- <fraction> | inset-inline: calc( <fraction> * 100%); | Aplica inset-inline: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-x- <fraction> | inset-inline: calc( <fraction> * -100%); | Aplica inset-inline: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x-px | inset-inline: 1px; | Aplica inset-inline: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-x-px | inset-inline: -1px; | Aplica inset-inline: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x-full | inset-inline: 100%; | Aplica inset-inline: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-x-full | inset-inline: -100%; | Aplica inset-inline: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x-auto | inset-inline: auto; | Aplica inset-inline: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x-( <custom-property> ) | inset-inline: var( <custom-property> ); | Aplica inset-inline: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-x-[ <value> ] | inset-inline: <value> ; | Aplica inset-inline: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y- <number> | inset-block: calc(var(--spacing) * <number> ); | Aplica inset-block: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-y- <number> | inset-block: calc(var(--spacing) * - <number> ); | Aplica inset-block: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y- <fraction> | inset-block: calc( <fraction> * 100%); | Aplica inset-block: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-y- <fraction> | inset-block: calc( <fraction> * -100%); | Aplica inset-block: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y-px | inset-block: 1px; | Aplica inset-block: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-y-px | inset-block: -1px; | Aplica inset-block: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y-full | inset-block: 100%; | Aplica inset-block: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-y-full | inset-block: -100%; | Aplica inset-block: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y-auto | inset-block: auto; | Aplica inset-block: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y-( <custom-property> ) | inset-block: var( <custom-property> ); | Aplica inset-block: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-y-[ <value> ] | inset-block: <value> ; | Aplica inset-block: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s- <number> | inset-inline-start: calc(var(--spacing) * <number> ); | Aplica inset-inline-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-s- <number> | inset-inline-start: calc(var(--spacing) * - <number> ); | Aplica inset-inline-start: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s- <fraction> | inset-inline-start: calc( <fraction> * 100%); | Aplica inset-inline-start: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-s- <fraction> | inset-inline-start: calc( <fraction> * -100%); | Aplica inset-inline-start: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s-px | inset-inline-start: 1px; | Aplica inset-inline-start: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-s-px | inset-inline-start: -1px; | Aplica inset-inline-start: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s-full | inset-inline-start: 100%; | Aplica inset-inline-start: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-s-full | inset-inline-start: -100%; | Aplica inset-inline-start: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s-auto | inset-inline-start: auto; | Aplica inset-inline-start: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s-( <custom-property> ) | inset-inline-start: var( <custom-property> ); | Aplica inset-inline-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-s-[ <value> ] | inset-inline-start: <value> ; | Aplica inset-inline-start: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e- <number> | inset-inline-end: calc(var(--spacing) * <number> ); | Aplica inset-inline-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-e- <number> | inset-inline-end: calc(var(--spacing) * - <number> ); | Aplica inset-inline-end: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e- <fraction> | inset-inline-end: calc( <fraction> * 100%); | Aplica inset-inline-end: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-e- <fraction> | inset-inline-end: calc( <fraction> * -100%); | Aplica inset-inline-end: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e-px | inset-inline-end: 1px; | Aplica inset-inline-end: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-e-px | inset-inline-end: -1px; | Aplica inset-inline-end: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e-full | inset-inline-end: 100%; | Aplica inset-inline-end: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-e-full | inset-inline-end: -100%; | Aplica inset-inline-end: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e-auto | inset-inline-end: auto; | Aplica inset-inline-end: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e-( <custom-property> ) | inset-inline-end: var( <custom-property> ); | Aplica inset-inline-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-e-[ <value> ] | inset-inline-end: <value> ; | Aplica inset-inline-end: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs- <number> | inset-block-start: calc(var(--spacing) * <number> ); | Aplica inset-block-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-bs- <number> | inset-block-start: calc(var(--spacing) * - <number> ); | Aplica inset-block-start: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs- <fraction> | inset-block-start: calc( <fraction> * 100%); | Aplica inset-block-start: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-bs- <fraction> | inset-block-start: calc( <fraction> * -100%); | Aplica inset-block-start: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs-px | inset-block-start: 1px; | Aplica inset-block-start: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-bs-px | inset-block-start: -1px; | Aplica inset-block-start: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs-full | inset-block-start: 100%; | Aplica inset-block-start: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-bs-full | inset-block-start: -100%; | Aplica inset-block-start: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs-auto | inset-block-start: auto; | Aplica inset-block-start: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs-( <custom-property> ) | inset-block-start: var( <custom-property> ); | Aplica inset-block-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-bs-[ <value> ] | inset-block-start: <value> ; | Aplica inset-block-start: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be- <number> | inset-block-end: calc(var(--spacing) * <number> ); | Aplica inset-block-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-be- <number> | inset-block-end: calc(var(--spacing) * - <number> ); | Aplica inset-block-end: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be- <fraction> | inset-block-end: calc( <fraction> * 100%); | Aplica inset-block-end: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-be- <fraction> | inset-block-end: calc( <fraction> * -100%); | Aplica inset-block-end: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be-px | inset-block-end: 1px; | Aplica inset-block-end: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-be-px | inset-block-end: -1px; | Aplica inset-block-end: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be-full | inset-block-end: 100%; | Aplica inset-block-end: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-inset-be-full | inset-block-end: -100%; | Aplica inset-block-end: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be-auto | inset-block-end: auto; | Aplica inset-block-end: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be-( <custom-property> ) | inset-block-end: var( <custom-property> ); | Aplica inset-block-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
inset-be-[ <value> ] | inset-block-end: <value> ; | Aplica inset-block-end: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top- <number> | top: calc(var(--spacing) * <number> ); | Aplica top: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-top- <number> | top: calc(var(--spacing) * - <number> ); | Aplica top: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top- <fraction> | top: calc( <fraction> * 100%); | Aplica top: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-top- <fraction> | top: calc( <fraction> * -100%); | Aplica top: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top-px | top: 1px; | Aplica top: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-top-px | top: -1px; | Aplica top: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top-full | top: 100%; | Aplica top: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-top-full | top: -100%; | Aplica top: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top-auto | top: auto; | Aplica top: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top-( <custom-property> ) | top: var( <custom-property> ); | Aplica top: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
top-[ <value> ] | top: <value> ; | Aplica top: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right- <number> | right: calc(var(--spacing) * <number> ); | Aplica right: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-right- <number> | right: calc(var(--spacing) * - <number> ); | Aplica right: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right- <fraction> | right: calc( <fraction> * 100%); | Aplica right: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-right- <fraction> | right: calc( <fraction> * -100%); | Aplica right: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right-px | right: 1px; | Aplica right: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-right-px | right: -1px; | Aplica right: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right-full | right: 100%; | Aplica right: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-right-full | right: -100%; | Aplica right: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right-auto | right: auto; | Aplica right: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right-( <custom-property> ) | right: var( <custom-property> ); | Aplica right: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
right-[ <value> ] | right: <value> ; | Aplica right: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom- <number> | bottom: calc(var(--spacing) * <number> ); | Aplica bottom: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-bottom- <number> | bottom: calc(var(--spacing) * - <number> ); | Aplica bottom: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom- <fraction> | bottom: calc( <fraction> * 100%); | Aplica bottom: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-bottom- <fraction> | bottom: calc( <fraction> * -100%); | Aplica bottom: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom-px | bottom: 1px; | Aplica bottom: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-bottom-px | bottom: -1px; | Aplica bottom: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom-full | bottom: 100%; | Aplica bottom: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-bottom-full | bottom: -100%; | Aplica bottom: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom-auto | bottom: auto; | Aplica bottom: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom-( <custom-property> ) | bottom: var( <custom-property> ); | Aplica bottom: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
bottom-[ <value> ] | bottom: <value> ; | Aplica bottom: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left- <number> | left: calc(var(--spacing) * <number> ); | Aplica left: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-left- <number> | left: calc(var(--spacing) * - <number> ); | Aplica left: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left- <fraction> | left: calc( <fraction> * 100%); | Aplica left: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-left- <fraction> | left: calc( <fraction> * -100%); | Aplica left: calc( <fraction> * -100%); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left-px | left: 1px; | Aplica left: 1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-left-px | left: -1px; | Aplica left: -1px; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left-full | left: 100%; | Aplica left: 100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
-left-full | left: -100%; | Aplica left: -100%; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left-auto | left: auto; | Aplica left: auto; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left-( <custom-property> ) | left: var( <custom-property> ); | Aplica left: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
left-[ <value> ] | left: <value> ; | Aplica left: <value> ; al elemento; úsalo cuando necesites ajustar top / right / bottom / left con esta utilidad. |
visibilidad
Fuente oficial: https://tailwindcss.com/docs/visibility
Utilidades para controlar la visibilidad de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
visible | visibility: visible; | Aplica visibility: visible; al elemento; úsalo cuando necesites ajustar visibility con esta utilidad. |
invisible | visibility: hidden; | Aplica visibility: hidden; al elemento; úsalo cuando necesites ajustar visibility con esta utilidad. |
collapse | visibility: collapse; | Aplica visibility: collapse; al elemento; úsalo cuando necesites ajustar visibility con esta utilidad. |
índice z
Fuente oficial: https://tailwindcss.com/docs/z-index
Utilidades para controlar el orden de pila de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
z- <number> | z-index: <number> ; | Aplica z-index: <number> ; al elemento; úsalo cuando necesites ajustar z-index con esta utilidad. |
z-auto | z-index: auto; | Aplica z-index: auto; al elemento; úsalo cuando necesites ajustar z-index con esta utilidad. |
z-[ <value> ] | z-index: <value> ; | Aplica z-index: <value> ; al elemento; úsalo cuando necesites ajustar z-index con esta utilidad. |
z-( <custom-property> ) | z-index: var( <custom-property> ); | Aplica z-index: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar z-index con esta utilidad. |
relleno
Fuente oficial: https://tailwindcss.com/docs/padding
Utilidades para controlar el padding de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
p- <number> | padding: calc(var(--spacing) * <number> ); | Aplica padding: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
p-px | padding: 1px; | Aplica padding: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
p-( <custom-property> ) | padding: var( <custom-property> ); | Aplica padding: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
p-[ <value> ] | padding: <value> ; | Aplica padding: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
px- <number> | padding-inline: calc(var(--spacing) * <number> ); | Aplica padding-inline: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
px-px | padding-inline: 1px; | Aplica padding-inline: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
px-( <custom-property> ) | padding-inline: var( <custom-property> ); | Aplica padding-inline: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
px-[ <value> ] | padding-inline: <value> ; | Aplica padding-inline: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
py- <number> | padding-block: calc(var(--spacing) * <number> ); | Aplica padding-block: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
py-px | padding-block: 1px; | Aplica padding-block: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
py-( <custom-property> ) | padding-block: var( <custom-property> ); | Aplica padding-block: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
py-[ <value> ] | padding-block: <value> ; | Aplica padding-block: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
ps- <number> | padding-inline-start: calc(var(--spacing) * <number> ); | Aplica padding-inline-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
ps-px | padding-inline-start: 1px; | Aplica padding-inline-start: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
ps-( <custom-property> ) | padding-inline-start: var( <custom-property> ); | Aplica padding-inline-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
ps-[ <value> ] | padding-inline-start: <value> ; | Aplica padding-inline-start: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pe- <number> | padding-inline-end: calc(var(--spacing) * <number> ); | Aplica padding-inline-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pe-px | padding-inline-end: 1px; | Aplica padding-inline-end: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pe-( <custom-property> ) | padding-inline-end: var( <custom-property> ); | Aplica padding-inline-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pe-[ <value> ] | padding-inline-end: <value> ; | Aplica padding-inline-end: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbs- <number> | padding-block-start: calc(var(--spacing) * <number> ); | Aplica padding-block-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbs-px | padding-block-start: 1px; | Aplica padding-block-start: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbs-( <custom-property> ) | padding-block-start: var( <custom-property> ); | Aplica padding-block-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbs-[ <value> ] | padding-block-start: <value> ; | Aplica padding-block-start: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbe- <number> | padding-block-end: calc(var(--spacing) * <number> ); | Aplica padding-block-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbe-px | padding-block-end: 1px; | Aplica padding-block-end: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbe-( <custom-property> ) | padding-block-end: var( <custom-property> ); | Aplica padding-block-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pbe-[ <value> ] | padding-block-end: <value> ; | Aplica padding-block-end: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pt- <number> | padding-top: calc(var(--spacing) * <number> ); | Aplica padding-top: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pt-px | padding-top: 1px; | Aplica padding-top: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pt-( <custom-property> ) | padding-top: var( <custom-property> ); | Aplica padding-top: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pt-[ <value> ] | padding-top: <value> ; | Aplica padding-top: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pr- <number> | padding-right: calc(var(--spacing) * <number> ); | Aplica padding-right: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pr-px | padding-right: 1px; | Aplica padding-right: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pr-( <custom-property> ) | padding-right: var( <custom-property> ); | Aplica padding-right: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pr-[ <value> ] | padding-right: <value> ; | Aplica padding-right: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pb- <number> | padding-bottom: calc(var(--spacing) * <number> ); | Aplica padding-bottom: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pb-px | padding-bottom: 1px; | Aplica padding-bottom: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pb-( <custom-property> ) | padding-bottom: var( <custom-property> ); | Aplica padding-bottom: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pb-[ <value> ] | padding-bottom: <value> ; | Aplica padding-bottom: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pl- <number> | padding-left: calc(var(--spacing) * <number> ); | Aplica padding-left: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pl-px | padding-left: 1px; | Aplica padding-left: 1px; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pl-( <custom-property> ) | padding-left: var( <custom-property> ); | Aplica padding-left: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
pl-[ <value> ] | padding-left: <value> ; | Aplica padding-left: <value> ; al elemento; úsalo cuando necesites ajustar padding con esta utilidad. |
margen
Fuente oficial: https://tailwindcss.com/docs/margin
Utilidades para controlar el margen de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
m- <number> | margin: calc(var(--spacing) * <number> ); | Aplica margin: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-m- <number> | margin: calc(var(--spacing) * - <number> ); | Aplica margin: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
m-auto | margin: auto; | Aplica margin: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
m-px | margin: 1px; | Aplica margin: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-m-px | margin: -1px; | Aplica margin: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
m-( <custom-property> ) | margin: var( <custom-property> ); | Aplica margin: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
m-[ <value> ] | margin: <value> ; | Aplica margin: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mx- <number> | margin-inline: calc(var(--spacing) * <number> ); | Aplica margin-inline: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mx- <number> | margin-inline: calc(var(--spacing) * - <number> ); | Aplica margin-inline: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mx-auto | margin-inline: auto; | Aplica margin-inline: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mx-px | margin-inline: 1px; | Aplica margin-inline: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mx-px | margin-inline: -1px; | Aplica margin-inline: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mx-( <custom-property> ) | margin-inline: var( <custom-property> ); | Aplica margin-inline: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mx-[ <value> ] | margin-inline: <value> ; | Aplica margin-inline: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
my- <number> | margin-block: calc(var(--spacing) * <number> ); | Aplica margin-block: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-my- <number> | margin-block: calc(var(--spacing) * - <number> ); | Aplica margin-block: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
my-auto | margin-block: auto; | Aplica margin-block: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
my-px | margin-block: 1px; | Aplica margin-block: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-my-px | margin-block: -1px; | Aplica margin-block: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
my-( <custom-property> ) | margin-block: var( <custom-property> ); | Aplica margin-block: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
my-[ <value> ] | margin-block: <value> ; | Aplica margin-block: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ms- <number> | margin-inline-start: calc(var(--spacing) * <number> ); | Aplica margin-inline-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-ms- <number> | margin-inline-start: calc(var(--spacing) * - <number> ); | Aplica margin-inline-start: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ms-auto | margin-inline-start: auto; | Aplica margin-inline-start: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ms-px | margin-inline-start: 1px; | Aplica margin-inline-start: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-ms-px | margin-inline-start: -1px; | Aplica margin-inline-start: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ms-( <custom-property> ) | margin-inline-start: var( <custom-property> ); | Aplica margin-inline-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ms-[ <value> ] | margin-inline-start: <value> ; | Aplica margin-inline-start: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
me- <number> | margin-inline-end: calc(var(--spacing) * <number> ); | Aplica margin-inline-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-me- <number> | margin-inline-end: calc(var(--spacing) * - <number> ); | Aplica margin-inline-end: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
me-auto | margin-inline-end: auto; | Aplica margin-inline-end: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
me-px | margin-inline-end: 1px; | Aplica margin-inline-end: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-me-px | margin-inline-end: -1px; | Aplica margin-inline-end: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
me-( <custom-property> ) | margin-inline-end: var( <custom-property> ); | Aplica margin-inline-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
me-[ <value> ] | margin-inline-end: <value> ; | Aplica margin-inline-end: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbs- <number> | margin-block-start: calc(var(--spacing) * <number> ); | Aplica margin-block-start: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mbs- <number> | margin-block-start: calc(var(--spacing) * - <number> ); | Aplica margin-block-start: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbs-auto | margin-block-start: auto; | Aplica margin-block-start: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbs-px | margin-block-start: 1px; | Aplica margin-block-start: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mbs-px | margin-block-start: -1px; | Aplica margin-block-start: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbs-( <custom-property> ) | margin-block-start: var( <custom-property> ); | Aplica margin-block-start: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbs-[ <value> ] | margin-block-start: <value> ; | Aplica margin-block-start: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbe- <number> | margin-block-end: calc(var(--spacing) * <number> ); | Aplica margin-block-end: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mbe- <number> | margin-block-end: calc(var(--spacing) * - <number> ); | Aplica margin-block-end: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbe-auto | margin-block-end: auto; | Aplica margin-block-end: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbe-px | margin-block-end: 1px; | Aplica margin-block-end: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mbe-px | margin-block-end: -1px; | Aplica margin-block-end: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbe-( <custom-property> ) | margin-block-end: var( <custom-property> ); | Aplica margin-block-end: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mbe-[ <value> ] | margin-block-end: <value> ; | Aplica margin-block-end: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mt- <number> | margin-top: calc(var(--spacing) * <number> ); | Aplica margin-top: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mt- <number> | margin-top: calc(var(--spacing) * - <number> ); | Aplica margin-top: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mt-auto | margin-top: auto; | Aplica margin-top: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mt-px | margin-top: 1px; | Aplica margin-top: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mt-px | margin-top: -1px; | Aplica margin-top: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mt-( <custom-property> ) | margin-top: var( <custom-property> ); | Aplica margin-top: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mt-[ <value> ] | margin-top: <value> ; | Aplica margin-top: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mr- <number> | margin-right: calc(var(--spacing) * <number> ); | Aplica margin-right: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mr- <number> | margin-right: calc(var(--spacing) * - <number> ); | Aplica margin-right: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mr-auto | margin-right: auto; | Aplica margin-right: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mr-px | margin-right: 1px; | Aplica margin-right: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mr-px | margin-right: -1px; | Aplica margin-right: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mr-( <custom-property> ) | margin-right: var( <custom-property> ); | Aplica margin-right: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mr-[ <value> ] | margin-right: <value> ; | Aplica margin-right: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mb- <number> | margin-bottom: calc(var(--spacing) * <number> ); | Aplica margin-bottom: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mb- <number> | margin-bottom: calc(var(--spacing) * - <number> ); | Aplica margin-bottom: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mb-auto | margin-bottom: auto; | Aplica margin-bottom: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mb-px | margin-bottom: 1px; | Aplica margin-bottom: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-mb-px | margin-bottom: -1px; | Aplica margin-bottom: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mb-( <custom-property> ) | margin-bottom: var( <custom-property> ); | Aplica margin-bottom: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
mb-[ <value> ] | margin-bottom: <value> ; | Aplica margin-bottom: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ml- <number> | margin-left: calc(var(--spacing) * <number> ); | Aplica margin-left: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-ml- <number> | margin-left: calc(var(--spacing) * - <number> ); | Aplica margin-left: calc(var(--spacing) * - <number> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ml-auto | margin-left: auto; | Aplica margin-left: auto; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ml-px | margin-left: 1px; | Aplica margin-left: 1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-ml-px | margin-left: -1px; | Aplica margin-left: -1px; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ml-( <custom-property> ) | margin-left: var( <custom-property> ); | Aplica margin-left: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ml-[ <value> ] | margin-left: <value> ; | Aplica margin-left: <value> ; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-x- <number> | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * <number> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * <number> ) * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * <number> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * <number> ) * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-space-x- <number> | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * - <number> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * - <number> ) * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * - <number> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * - <number> ) * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-x-px | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(1px * var(--tw-space-x-reverse)); margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(1px * var(--tw-space-x-reverse)); margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-space-x-px | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-x-( <custom-property> ) | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(var( <custom-property> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(var( <custom-property> ) * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc(var( <custom-property> ) * var(--tw-space-x-reverse)); margin-inline-end: calc(var( <custom-property> ) * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-x-[ <value> ] | & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc( <value> * var(--tw-space-x-reverse)); margin-inline-end: calc( <value> * calc(1 - var(--tw-space-x-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-x-reverse: 0; margin-inline-start: calc( <value> * var(--tw-space-x-reverse)); margin-inline-end: calc( <value> * calc(1 - var(--tw-space-x-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-y- <number> | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * <number> ) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * <number> ) * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * <number> ) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * <number> ) * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-space-y- <number> | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * - <number> ) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * - <number> ) * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * - <number> ) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * - <number> ) * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-y-px | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(1px * var(--tw-space-y-reverse)); margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(1px * var(--tw-space-y-reverse)); margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
-space-y-px | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(-1px * var(--tw-space-y-reverse)); margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(-1px * var(--tw-space-y-reverse)); margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-y-( <custom-property> ) | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(var( <custom-property> ) * var(--tw-space-y-reverse)); margin-block-end: calc(var( <custom-property> ) * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc(var( <custom-property> ) * var(--tw-space-y-reverse)); margin-block-end: calc(var( <custom-property> ) * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-y-[ <value> ] | & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc( <value> * var(--tw-space-y-reverse)); margin-block-end: calc( <value> * calc(1 - var(--tw-space-y-reverse))); }; | Aplica & > :not(:last-child) { --tw-space-y-reverse: 0; margin-block-start: calc( <value> * var(--tw-space-y-reverse)); margin-block-end: calc( <value> * calc(1 - var(--tw-space-y-reverse))); }; al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-x-reverse | & > :not(:last-child)) { --tw-space-x-reverse: 1; } | Aplica & > :not(:last-child)) { --tw-space-x-reverse: 1; } al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
space-y-reverse | & > :not(:last-child)) { --tw-space-y-reverse: 1; } | Aplica & > :not(:last-child)) { --tw-space-y-reverse: 1; } al elemento; úsalo cuando necesites ajustar margin con esta utilidad. |
ancho
Fuente oficial: https://tailwindcss.com/docs/width
Utilidades para establecer el ancho de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
w- <number> | width: calc(var(--spacing) * <number> ); | Aplica width: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w- <fraction> | width: calc( <fraction> * 100%); | Aplica width: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-3xs | width: var(--container-3xs); /* 16rem (256px) */ | Aplica width: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-2xs | width: var(--container-2xs); /* 18rem (288px) */ | Aplica width: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-xs | width: var(--container-xs); /* 20rem (320px) */ | Aplica width: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-sm | width: var(--container-sm); /* 24rem (384px) */ | Aplica width: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-md | width: var(--container-md); /* 28rem (448px) */ | Aplica width: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-lg | width: var(--container-lg); /* 32rem (512px) */ | Aplica width: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-xl | width: var(--container-xl); /* 36rem (576px) */ | Aplica width: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-2xl | width: var(--container-2xl); /* 42rem (672px) */ | Aplica width: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-3xl | width: var(--container-3xl); /* 48rem (768px) */ | Aplica width: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-4xl | width: var(--container-4xl); /* 56rem (896px) */ | Aplica width: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-5xl | width: var(--container-5xl); /* 64rem (1024px) */ | Aplica width: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-6xl | width: var(--container-6xl); /* 72rem (1152px) */ | Aplica width: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-7xl | width: var(--container-7xl); /* 80rem (1280px) */ | Aplica width: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-auto | width: auto; | Aplica width: auto; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-px | width: 1px; | Aplica width: 1px; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-full | width: 100%; | Aplica width: 100%; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-screen | width: 100vw; | Aplica width: 100vw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-dvw | width: 100dvw; | Aplica width: 100dvw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-dvh | width: 100dvh; | Aplica width: 100dvh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-lvw | width: 100lvw; | Aplica width: 100lvw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-lvh | width: 100lvh; | Aplica width: 100lvh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-svw | width: 100svw; | Aplica width: 100svw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-svh | width: 100svh; | Aplica width: 100svh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-min | width: min-content; | Aplica width: min-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-max | width: max-content; | Aplica width: max-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-fit | width: fit-content; | Aplica width: fit-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-( <custom-property> ) | width: var( <custom-property> ); | Aplica width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
w-[ <value> ] | width: <value> ; | Aplica width: <value> ; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size- <number> | width: calc(var(--spacing) * <number> ); height: calc(var(--spacing) * <number> ); | Aplica width: calc(var(--spacing) * <number> ); height: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size- <fraction> | width: calc( <fraction> * 100%); height: calc( <fraction> * 100%); | Aplica width: calc( <fraction> * 100%); height: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-auto | width: auto; height: auto; | Aplica width: auto; height: auto; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-px | width: 1px; height: 1px; | Aplica width: 1px; height: 1px; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-full | width: 100%; height: 100%; | Aplica width: 100%; height: 100%; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-dvw | width: 100dvw; height: 100dvw; | Aplica width: 100dvw; height: 100dvw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-dvh | width: 100dvh; height: 100dvh; | Aplica width: 100dvh; height: 100dvh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-lvw | width: 100lvw; height: 100lvw; | Aplica width: 100lvw; height: 100lvw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-lvh | width: 100lvh; height: 100lvh; | Aplica width: 100lvh; height: 100lvh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-svw | width: 100svw; height: 100svw; | Aplica width: 100svw; height: 100svw; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-svh | width: 100svh; height: 100svh; | Aplica width: 100svh; height: 100svh; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-min | width: min-content; height: min-content; | Aplica width: min-content; height: min-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-max | width: max-content; height: max-content; | Aplica width: max-content; height: max-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-fit | width: fit-content; height: fit-content; | Aplica width: fit-content; height: fit-content; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-( <custom-property> ) | width: var( <custom-property> ); height: var( <custom-property> ); | Aplica width: var( <custom-property> ); height: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
size-[ <value> ] | width: <value> ; height: <value> ; | Aplica width: <value> ; height: <value> ; al elemento; úsalo cuando necesites ajustar width con esta utilidad. |
ancho mínimo
Fuente oficial: https://tailwindcss.com/docs/min-width
Utilidades para establecer el ancho mínimo de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
min-w- <number> | min-width: calc(var(--spacing) * <number> ); | Aplica min-width: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w- <fraction> | min-width: calc( <fraction> * 100%); | Aplica min-width: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-3xs | min-width: var(--container-3xs); /* 16rem (256px) */ | Aplica min-width: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-2xs | min-width: var(--container-2xs); /* 18rem (288px) */ | Aplica min-width: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-xs | min-width: var(--container-xs); /* 20rem (320px) */ | Aplica min-width: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-sm | min-width: var(--container-sm); /* 24rem (384px) */ | Aplica min-width: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-md | min-width: var(--container-md); /* 28rem (448px) */ | Aplica min-width: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-lg | min-width: var(--container-lg); /* 32rem (512px) */ | Aplica min-width: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-xl | min-width: var(--container-xl); /* 36rem (576px) */ | Aplica min-width: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-2xl | min-width: var(--container-2xl); /* 42rem (672px) */ | Aplica min-width: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-3xl | min-width: var(--container-3xl); /* 48rem (768px) */ | Aplica min-width: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-4xl | min-width: var(--container-4xl); /* 56rem (896px) */ | Aplica min-width: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-5xl | min-width: var(--container-5xl); /* 64rem (1024px) */ | Aplica min-width: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-6xl | min-width: var(--container-6xl); /* 72rem (1152px) */ | Aplica min-width: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-7xl | min-width: var(--container-7xl); /* 80rem (1280px) */ | Aplica min-width: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-auto | min-width: auto; | Aplica min-width: auto; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-px | min-width: 1px; | Aplica min-width: 1px; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-full | min-width: 100%; | Aplica min-width: 100%; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-screen | min-width: 100vw; | Aplica min-width: 100vw; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-dvw | min-width: 100dvw; | Aplica min-width: 100dvw; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-dvh | min-width: 100dvh; | Aplica min-width: 100dvh; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-lvw | min-width: 100lvw; | Aplica min-width: 100lvw; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-lvh | min-width: 100lvh; | Aplica min-width: 100lvh; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-svw | min-width: 100svw; | Aplica min-width: 100svw; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-svh | min-width: 100svh; | Aplica min-width: 100svh; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-min | min-width: min-content; | Aplica min-width: min-content; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-max | min-width: max-content; | Aplica min-width: max-content; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-fit | min-width: fit-content; | Aplica min-width: fit-content; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-( <custom-property> ) | min-width: var( <custom-property> ); | Aplica min-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
min-w-[ <value> ] | min-width: <value> ; | Aplica min-width: <value> ; al elemento; úsalo cuando necesites ajustar min-width con esta utilidad. |
ancho máximo
Fuente oficial: https://tailwindcss.com/docs/max-width
Utilidades para establecer el ancho máximo de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
max-w- <number> | max-width: calc(var(--spacing) * <number> ); | Aplica max-width: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w- <fraction> | max-width: calc( <fraction> * 100%); | Aplica max-width: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-3xs | max-width: var(--container-3xs); /* 16rem (256px) */ | Aplica max-width: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-2xs | max-width: var(--container-2xs); /* 18rem (288px) */ | Aplica max-width: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-xs | max-width: var(--container-xs); /* 20rem (320px) */ | Aplica max-width: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-sm | max-width: var(--container-sm); /* 24rem (384px) */ | Aplica max-width: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-md | max-width: var(--container-md); /* 28rem (448px) */ | Aplica max-width: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-lg | max-width: var(--container-lg); /* 32rem (512px) */ | Aplica max-width: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-xl | max-width: var(--container-xl); /* 36rem (576px) */ | Aplica max-width: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-2xl | max-width: var(--container-2xl); /* 42rem (672px) */ | Aplica max-width: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-3xl | max-width: var(--container-3xl); /* 48rem (768px) */ | Aplica max-width: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-4xl | max-width: var(--container-4xl); /* 56rem (896px) */ | Aplica max-width: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-5xl | max-width: var(--container-5xl); /* 64rem (1024px) */ | Aplica max-width: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-6xl | max-width: var(--container-6xl); /* 72rem (1152px) */ | Aplica max-width: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-7xl | max-width: var(--container-7xl); /* 80rem (1280px) */ | Aplica max-width: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-none | max-width: none; | Aplica max-width: none; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-px | max-width: 1px; | Aplica max-width: 1px; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-full | max-width: 100%; | Aplica max-width: 100%; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-dvw | max-width: 100dvw; | Aplica max-width: 100dvw; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-dvh | max-width: 100dvh; | Aplica max-width: 100dvh; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-lvw | max-width: 100lvw; | Aplica max-width: 100lvw; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-lvh | max-width: 100lvh; | Aplica max-width: 100lvh; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-svw | max-width: 100svw; | Aplica max-width: 100svw; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-svh | max-width: 100svh; | Aplica max-width: 100svh; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-screen | max-width: 100vw; | Aplica max-width: 100vw; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-min | max-width: min-content; | Aplica max-width: min-content; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-max | max-width: max-content; | Aplica max-width: max-content; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-fit | max-width: fit-content; | Aplica max-width: fit-content; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
container | width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } | Aplica width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-( <custom-property> ) | max-width: var( <custom-property> ); | Aplica max-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
max-w-[ <value> ] | max-width: <value> ; | Aplica max-width: <value> ; al elemento; úsalo cuando necesites ajustar max-width con esta utilidad. |
altura
Fuente oficial: https://tailwindcss.com/docs/height
Utilidades para establecer la altura de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
h- <number> | height: calc(var(--spacing) * <number> ); | Aplica height: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h- <fraction> | height: calc( <fraction> * 100%); | Aplica height: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-auto | height: auto; | Aplica height: auto; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-px | height: 1px; | Aplica height: 1px; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-full | height: 100%; | Aplica height: 100%; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-screen | height: 100vh; | Aplica height: 100vh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-dvh | height: 100dvh; | Aplica height: 100dvh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-dvw | height: 100dvw; | Aplica height: 100dvw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-lvh | height: 100lvh; | Aplica height: 100lvh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-lvw | height: 100lvw; | Aplica height: 100lvw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-svh | height: 100svh; | Aplica height: 100svh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-svw | height: 100svw; | Aplica height: 100svw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-min | height: min-content; | Aplica height: min-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-max | height: max-content; | Aplica height: max-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-fit | height: fit-content; | Aplica height: fit-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-lh | height: 1lh; | Aplica height: 1lh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-( <custom-property> ) | height: var( <custom-property> ); | Aplica height: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
h-[ <value> ] | height: <value> ; | Aplica height: <value> ; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size- <number> | width: calc(var(--spacing) * <number> ); height: calc(var(--spacing) * <number> ); | Aplica width: calc(var(--spacing) * <number> ); height: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size- <fraction> | width: calc( <fraction> * 100%); height: calc( <fraction> * 100%); | Aplica width: calc( <fraction> * 100%); height: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-auto | width: auto; height: auto; | Aplica width: auto; height: auto; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-px | width: 1px; height: 1px; | Aplica width: 1px; height: 1px; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-full | width: 100%; height: 100%; | Aplica width: 100%; height: 100%; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-dvw | width: 100dvw; height: 100dvw; | Aplica width: 100dvw; height: 100dvw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-dvh | width: 100dvh; height: 100dvh; | Aplica width: 100dvh; height: 100dvh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-lvw | width: 100lvw; height: 100lvw; | Aplica width: 100lvw; height: 100lvw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-lvh | width: 100lvh; height: 100lvh; | Aplica width: 100lvh; height: 100lvh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-svw | width: 100svw; height: 100svw; | Aplica width: 100svw; height: 100svw; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-svh | width: 100svh; height: 100svh; | Aplica width: 100svh; height: 100svh; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-min | width: min-content; height: min-content; | Aplica width: min-content; height: min-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-max | width: max-content; height: max-content; | Aplica width: max-content; height: max-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-fit | width: fit-content; height: fit-content; | Aplica width: fit-content; height: fit-content; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-( <custom-property> ) | width: var( <custom-property> ); height: var( <custom-property> ); | Aplica width: var( <custom-property> ); height: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
size-[ <value> ] | width: <value> ; height: <value> ; | Aplica width: <value> ; height: <value> ; al elemento; úsalo cuando necesites ajustar height con esta utilidad. |
altura mínima
Fuente oficial: https://tailwindcss.com/docs/min-height
Utilidades para establecer la altura mínima de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
min-h- <number> | min-height: calc(var(--spacing) * <number> ); | Aplica min-height: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h- <fraction> | min-height: calc( <fraction> * 100%); | Aplica min-height: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-px | min-height: 1px; | Aplica min-height: 1px; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-full | min-height: 100%; | Aplica min-height: 100%; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-screen | min-height: 100vh; | Aplica min-height: 100vh; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-dvh | min-height: 100dvh; | Aplica min-height: 100dvh; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-dvw | min-height: 100dvw; | Aplica min-height: 100dvw; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-lvh | min-height: 100lvh; | Aplica min-height: 100lvh; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-lvw | min-height: 100lvw; | Aplica min-height: 100lvw; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-svw | min-height: 100svw; | Aplica min-height: 100svw; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-svh | min-height: 100svh; | Aplica min-height: 100svh; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-auto | min-height: auto; | Aplica min-height: auto; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-min | min-height: min-content; | Aplica min-height: min-content; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-max | min-height: max-content; | Aplica min-height: max-content; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-fit | min-height: fit-content; | Aplica min-height: fit-content; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-lh | min-height: 1lh; | Aplica min-height: 1lh; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-( <custom-property> ) | min-height: var( <custom-property> ); | Aplica min-height: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
min-h-[ <value> ] | min-height: <value> ; | Aplica min-height: <value> ; al elemento; úsalo cuando necesites ajustar min-height con esta utilidad. |
altura máxima
Fuente oficial: https://tailwindcss.com/docs/max-height
Utilidades para establecer la altura máxima de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
max-h- <number> | max-height: calc(var(--spacing) * <number> ); | Aplica max-height: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h- <fraction> | max-height: calc( <fraction> * 100%); | Aplica max-height: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-none | max-height: none; | Aplica max-height: none; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-px | max-height: 1px; | Aplica max-height: 1px; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-full | max-height: 100%; | Aplica max-height: 100%; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-screen | max-height: 100vh; | Aplica max-height: 100vh; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-dvh | max-height: 100dvh; | Aplica max-height: 100dvh; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-dvw | max-height: 100dvw; | Aplica max-height: 100dvw; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-lvh | max-height: 100lvh; | Aplica max-height: 100lvh; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-lvw | max-height: 100lvw; | Aplica max-height: 100lvw; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-svh | max-height: 100svh; | Aplica max-height: 100svh; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-svw | max-height: 100svw; | Aplica max-height: 100svw; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-min | max-height: min-content; | Aplica max-height: min-content; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-max | max-height: max-content; | Aplica max-height: max-content; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-fit | max-height: fit-content; | Aplica max-height: fit-content; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-lh | max-height: 1lh; | Aplica max-height: 1lh; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-( <custom-property> ) | max-height: var( <custom-property> ); | Aplica max-height: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
max-h-[ <value> ] | max-height: <value> ; | Aplica max-height: <value> ; al elemento; úsalo cuando necesites ajustar max-height con esta utilidad. |
tamaño en línea
Fuente oficial: https://tailwindcss.com/docs/inline-size
Utilidades para configurar el tamaño en línea de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
inline- <number> | inline-size: calc(var(--spacing) * <number> ); | Aplica inline-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline- <fraction> | inline-size: calc( <fraction> * 100%); | Aplica inline-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-3xs | inline-size: var(--container-3xs); /* 16rem (256px) */ | Aplica inline-size: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-2xs | inline-size: var(--container-2xs); /* 18rem (288px) */ | Aplica inline-size: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-xs | inline-size: var(--container-xs); /* 20rem (320px) */ | Aplica inline-size: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-sm | inline-size: var(--container-sm); /* 24rem (384px) */ | Aplica inline-size: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-md | inline-size: var(--container-md); /* 28rem (448px) */ | Aplica inline-size: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-lg | inline-size: var(--container-lg); /* 32rem (512px) */ | Aplica inline-size: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-xl | inline-size: var(--container-xl); /* 36rem (576px) */ | Aplica inline-size: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-2xl | inline-size: var(--container-2xl); /* 42rem (672px) */ | Aplica inline-size: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-3xl | inline-size: var(--container-3xl); /* 48rem (768px) */ | Aplica inline-size: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-4xl | inline-size: var(--container-4xl); /* 56rem (896px) */ | Aplica inline-size: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-5xl | inline-size: var(--container-5xl); /* 64rem (1024px) */ | Aplica inline-size: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-6xl | inline-size: var(--container-6xl); /* 72rem (1152px) */ | Aplica inline-size: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-7xl | inline-size: var(--container-7xl); /* 80rem (1280px) */ | Aplica inline-size: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-auto | inline-size: auto; | Aplica inline-size: auto; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-px | inline-size: 1px; | Aplica inline-size: 1px; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-full | inline-size: 100%; | Aplica inline-size: 100%; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-screen | inline-size: 100vw; | Aplica inline-size: 100vw; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-dvw | inline-size: 100dvw; | Aplica inline-size: 100dvw; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-dvh | inline-size: 100dvh; | Aplica inline-size: 100dvh; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-lvw | inline-size: 100lvw; | Aplica inline-size: 100lvw; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-lvh | inline-size: 100lvh; | Aplica inline-size: 100lvh; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-svw | inline-size: 100svw; | Aplica inline-size: 100svw; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-svh | inline-size: 100svh; | Aplica inline-size: 100svh; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-min | inline-size: min-content; | Aplica inline-size: min-content; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-max | inline-size: max-content; | Aplica inline-size: max-content; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-fit | inline-size: fit-content; | Aplica inline-size: fit-content; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-( <custom-property> ) | inline-size: var( <custom-property> ); | Aplica inline-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
inline-[ <value> ] | inline-size: <value> ; | Aplica inline-size: <value> ; al elemento; úsalo cuando necesites ajustar inline-size con esta utilidad. |
tamaño mínimo en línea
Fuente oficial: https://tailwindcss.com/docs/min-inline-size
Utilidades para establecer el tamaño mínimo en línea de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
min-inline- <number> | min-inline-size: calc(var(--spacing) * <number> ); | Aplica min-inline-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline- <fraction> | min-inline-size: calc( <fraction> * 100%); | Aplica min-inline-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-3xs | min-inline-size: var(--container-3xs); /* 16rem (256px) */ | Aplica min-inline-size: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-2xs | min-inline-size: var(--container-2xs); /* 18rem (288px) */ | Aplica min-inline-size: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-xs | min-inline-size: var(--container-xs); /* 20rem (320px) */ | Aplica min-inline-size: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-sm | min-inline-size: var(--container-sm); /* 24rem (384px) */ | Aplica min-inline-size: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-md | min-inline-size: var(--container-md); /* 28rem (448px) */ | Aplica min-inline-size: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-lg | min-inline-size: var(--container-lg); /* 32rem (512px) */ | Aplica min-inline-size: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-xl | min-inline-size: var(--container-xl); /* 36rem (576px) */ | Aplica min-inline-size: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-2xl | min-inline-size: var(--container-2xl); /* 42rem (672px) */ | Aplica min-inline-size: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-3xl | min-inline-size: var(--container-3xl); /* 48rem (768px) */ | Aplica min-inline-size: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-4xl | min-inline-size: var(--container-4xl); /* 56rem (896px) */ | Aplica min-inline-size: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-5xl | min-inline-size: var(--container-5xl); /* 64rem (1024px) */ | Aplica min-inline-size: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-6xl | min-inline-size: var(--container-6xl); /* 72rem (1152px) */ | Aplica min-inline-size: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-7xl | min-inline-size: var(--container-7xl); /* 80rem (1280px) */ | Aplica min-inline-size: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-auto | min-inline-size: auto; | Aplica min-inline-size: auto; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-px | min-inline-size: 1px; | Aplica min-inline-size: 1px; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-full | min-inline-size: 100%; | Aplica min-inline-size: 100%; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-screen | min-inline-size: 100vw; | Aplica min-inline-size: 100vw; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-dvw | min-inline-size: 100dvw; | Aplica min-inline-size: 100dvw; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-dvh | min-inline-size: 100dvh; | Aplica min-inline-size: 100dvh; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-lvw | min-inline-size: 100lvw; | Aplica min-inline-size: 100lvw; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-lvh | min-inline-size: 100lvh; | Aplica min-inline-size: 100lvh; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-svw | min-inline-size: 100svw; | Aplica min-inline-size: 100svw; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-svh | min-inline-size: 100svh; | Aplica min-inline-size: 100svh; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-min | min-inline-size: min-content; | Aplica min-inline-size: min-content; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-max | min-inline-size: max-content; | Aplica min-inline-size: max-content; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-fit | min-inline-size: fit-content; | Aplica min-inline-size: fit-content; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-( <custom-property> ) | min-inline-size: var( <custom-property> ); | Aplica min-inline-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
min-inline-[ <value> ] | min-inline-size: <value> ; | Aplica min-inline-size: <value> ; al elemento; úsalo cuando necesites ajustar min-inline-size con esta utilidad. |
tamaño máximo en línea
Fuente oficial: https://tailwindcss.com/docs/max-inline-size
Utilidades para establecer el tamaño máximo en línea de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
max-inline- <number> | max-inline-size: calc(var(--spacing) * <number> ); | Aplica max-inline-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline- <fraction> | max-inline-size: calc( <fraction> * 100%); | Aplica max-inline-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-3xs | max-inline-size: var(--container-3xs); /* 16rem (256px) */ | Aplica max-inline-size: var(--container-3xs); /* 16rem (256px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-2xs | max-inline-size: var(--container-2xs); /* 18rem (288px) */ | Aplica max-inline-size: var(--container-2xs); /* 18rem (288px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-xs | max-inline-size: var(--container-xs); /* 20rem (320px) */ | Aplica max-inline-size: var(--container-xs); /* 20rem (320px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-sm | max-inline-size: var(--container-sm); /* 24rem (384px) */ | Aplica max-inline-size: var(--container-sm); /* 24rem (384px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-md | max-inline-size: var(--container-md); /* 28rem (448px) */ | Aplica max-inline-size: var(--container-md); /* 28rem (448px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-lg | max-inline-size: var(--container-lg); /* 32rem (512px) */ | Aplica max-inline-size: var(--container-lg); /* 32rem (512px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-xl | max-inline-size: var(--container-xl); /* 36rem (576px) */ | Aplica max-inline-size: var(--container-xl); /* 36rem (576px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-2xl | max-inline-size: var(--container-2xl); /* 42rem (672px) */ | Aplica max-inline-size: var(--container-2xl); /* 42rem (672px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-3xl | max-inline-size: var(--container-3xl); /* 48rem (768px) */ | Aplica max-inline-size: var(--container-3xl); /* 48rem (768px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-4xl | max-inline-size: var(--container-4xl); /* 56rem (896px) */ | Aplica max-inline-size: var(--container-4xl); /* 56rem (896px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-5xl | max-inline-size: var(--container-5xl); /* 64rem (1024px) */ | Aplica max-inline-size: var(--container-5xl); /* 64rem (1024px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-6xl | max-inline-size: var(--container-6xl); /* 72rem (1152px) */ | Aplica max-inline-size: var(--container-6xl); /* 72rem (1152px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-7xl | max-inline-size: var(--container-7xl); /* 80rem (1280px) */ | Aplica max-inline-size: var(--container-7xl); /* 80rem (1280px) */ al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-none | max-inline-size: none; | Aplica max-inline-size: none; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-px | max-inline-size: 1px; | Aplica max-inline-size: 1px; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-full | max-inline-size: 100%; | Aplica max-inline-size: 100%; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-dvw | max-inline-size: 100dvw; | Aplica max-inline-size: 100dvw; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-dvh | max-inline-size: 100dvh; | Aplica max-inline-size: 100dvh; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-lvw | max-inline-size: 100lvw; | Aplica max-inline-size: 100lvw; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-lvh | max-inline-size: 100lvh; | Aplica max-inline-size: 100lvh; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-svw | max-inline-size: 100svw; | Aplica max-inline-size: 100svw; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-svh | max-inline-size: 100svh; | Aplica max-inline-size: 100svh; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-screen | max-inline-size: 100vw; | Aplica max-inline-size: 100vw; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-min | max-inline-size: min-content; | Aplica max-inline-size: min-content; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-max | max-inline-size: max-content; | Aplica max-inline-size: max-content; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-fit | max-inline-size: fit-content; | Aplica max-inline-size: fit-content; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-( <custom-property> ) | max-inline-size: var( <custom-property> ); | Aplica max-inline-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
max-inline-[ <value> ] | max-inline-size: <value> ; | Aplica max-inline-size: <value> ; al elemento; úsalo cuando necesites ajustar max-inline-size con esta utilidad. |
tamaño de bloque
Fuente oficial: https://tailwindcss.com/docs/block-size
Utilidades para configurar el tamaño de bloque de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
block- <number> | block-size: calc(var(--spacing) * <number> ); | Aplica block-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block- <fraction> | block-size: calc( <fraction> * 100%); | Aplica block-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-auto | block-size: auto; | Aplica block-size: auto; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-px | block-size: 1px; | Aplica block-size: 1px; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-full | block-size: 100%; | Aplica block-size: 100%; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-screen | block-size: 100vh; | Aplica block-size: 100vh; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-dvh | block-size: 100dvh; | Aplica block-size: 100dvh; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-dvw | block-size: 100dvw; | Aplica block-size: 100dvw; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-lvh | block-size: 100lvh; | Aplica block-size: 100lvh; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-lvw | block-size: 100lvw; | Aplica block-size: 100lvw; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-svh | block-size: 100svh; | Aplica block-size: 100svh; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-svw | block-size: 100svw; | Aplica block-size: 100svw; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-min | block-size: min-content; | Aplica block-size: min-content; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-max | block-size: max-content; | Aplica block-size: max-content; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-fit | block-size: fit-content; | Aplica block-size: fit-content; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-lh | block-size: 1lh; | Aplica block-size: 1lh; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-( <custom-property> ) | block-size: var( <custom-property> ); | Aplica block-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
block-[ <value> ] | block-size: <value> ; | Aplica block-size: <value> ; al elemento; úsalo cuando necesites ajustar block-size con esta utilidad. |
tamaño mínimo de bloque
Fuente oficial: https://tailwindcss.com/docs/min-block-size
Utilidades para establecer el tamaño mínimo de bloque de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
min-block- <number> | min-block-size: calc(var(--spacing) * <number> ); | Aplica min-block-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block- <fraction> | min-block-size: calc( <fraction> * 100%); | Aplica min-block-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-px | min-block-size: 1px; | Aplica min-block-size: 1px; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-full | min-block-size: 100%; | Aplica min-block-size: 100%; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-screen | min-block-size: 100vh; | Aplica min-block-size: 100vh; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-dvh | min-block-size: 100dvh; | Aplica min-block-size: 100dvh; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-dvw | min-block-size: 100dvw; | Aplica min-block-size: 100dvw; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-lvh | min-block-size: 100lvh; | Aplica min-block-size: 100lvh; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-lvw | min-block-size: 100lvw; | Aplica min-block-size: 100lvw; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-svw | min-block-size: 100svw; | Aplica min-block-size: 100svw; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-svh | min-block-size: 100svh; | Aplica min-block-size: 100svh; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-auto | min-block-size: auto; | Aplica min-block-size: auto; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-min | min-block-size: min-content; | Aplica min-block-size: min-content; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-max | min-block-size: max-content; | Aplica min-block-size: max-content; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-fit | min-block-size: fit-content; | Aplica min-block-size: fit-content; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-lh | min-block-size: 1lh; | Aplica min-block-size: 1lh; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-( <custom-property> ) | min-block-size: var( <custom-property> ); | Aplica min-block-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
min-block-[ <value> ] | min-block-size: <value> ; | Aplica min-block-size: <value> ; al elemento; úsalo cuando necesites ajustar min-block-size con esta utilidad. |
tamaño máximo de bloque
Fuente oficial: https://tailwindcss.com/docs/max-block-size
Utilidades para establecer el tamaño máximo de bloque de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
max-block- <number> | max-block-size: calc(var(--spacing) * <number> ); | Aplica max-block-size: calc(var(--spacing) * <number> ); al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block- <fraction> | max-block-size: calc( <fraction> * 100%); | Aplica max-block-size: calc( <fraction> * 100%); al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-none | max-block-size: none; | Aplica max-block-size: none; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-px | max-block-size: 1px; | Aplica max-block-size: 1px; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-full | max-block-size: 100%; | Aplica max-block-size: 100%; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-screen | max-block-size: 100vh; | Aplica max-block-size: 100vh; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-dvh | max-block-size: 100dvh; | Aplica max-block-size: 100dvh; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-dvw | max-block-size: 100dvw; | Aplica max-block-size: 100dvw; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-lvh | max-block-size: 100lvh; | Aplica max-block-size: 100lvh; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-lvw | max-block-size: 100lvw; | Aplica max-block-size: 100lvw; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-svh | max-block-size: 100svh; | Aplica max-block-size: 100svh; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-svw | max-block-size: 100svw; | Aplica max-block-size: 100svw; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-min | max-block-size: min-content; | Aplica max-block-size: min-content; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-max | max-block-size: max-content; | Aplica max-block-size: max-content; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-fit | max-block-size: fit-content; | Aplica max-block-size: fit-content; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-lh | max-block-size: 1lh; | Aplica max-block-size: 1lh; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-( <custom-property> ) | max-block-size: var( <custom-property> ); | Aplica max-block-size: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
max-block-[ <value> ] | max-block-size: <value> ; | Aplica max-block-size: <value> ; al elemento; úsalo cuando necesites ajustar max-block-size con esta utilidad. |
radio-frontera
Fuente oficial: https://tailwindcss.com/docs/border-radius
Utilidades para controlar el radio del borde de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
rounded-xs | border-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-sm | border-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-md | border-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-lg | border-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-xl | border-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-2xl | border-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-3xl | border-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-4xl | border-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-none | border-radius: 0; | Aplica border-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-full | border-radius: calc(infinity * 1px); | Aplica border-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-( <custom-property> ) | border-radius: var( <custom-property> ); | Aplica border-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-[ <value> ] | border-radius: <value> ; | Aplica border-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-xs | border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-sm | border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-md | border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-lg | border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-xl | border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-2xl | border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-3xl | border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-4xl | border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-none | border-start-start-radius: 0; border-end-start-radius: 0; | Aplica border-start-start-radius: 0; border-end-start-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-full | border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); | Aplica border-start-start-radius: calc(infinity * 1px); border-end-start-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-( <custom-property> ) | border-start-start-radius: var( <custom-property> ); border-end-start-radius: var( <custom-property> ); | Aplica border-start-start-radius: var( <custom-property> ); border-end-start-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-s-[ <value> ] | border-start-start-radius: <value> ; border-end-start-radius: <value> ; | Aplica border-start-start-radius: <value> ; border-end-start-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-xs | border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */ border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-sm | border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-md | border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-lg | border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-xl | border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-2xl | border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-3xl | border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-4xl | border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-none | border-start-end-radius: 0; border-end-end-radius: 0; | Aplica border-start-end-radius: 0; border-end-end-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-full | border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); | Aplica border-start-end-radius: calc(infinity * 1px); border-end-end-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-( <custom-property> ) | border-start-end-radius: var( <custom-property> ); border-end-end-radius: var( <custom-property> ); | Aplica border-start-end-radius: var( <custom-property> ); border-end-end-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-e-[ <value> ] | border-start-end-radius: <value> ; border-end-end-radius: <value> ; | Aplica border-start-end-radius: <value> ; border-end-end-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-xs | border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-sm | border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-md | border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-lg | border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-xl | border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-3xl | border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-none | border-top-left-radius: 0; border-top-right-radius: 0; | Aplica border-top-left-radius: 0; border-top-right-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-full | border-top-left-radius: calc(infinity * 1px); border-top-right-radius: calc(infinity * 1px); | Aplica border-top-left-radius: calc(infinity * 1px); border-top-right-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-( <custom-property> ) | border-top-left-radius: var( <custom-property> ); border-top-right-radius: var( <custom-property> ); | Aplica border-top-left-radius: var( <custom-property> ); border-top-right-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-t-[ <value> ] | border-top-left-radius: <value> ; border-top-right-radius: <value> ; | Aplica border-top-left-radius: <value> ; border-top-right-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-xs | border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-sm | border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-md | border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-lg | border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-xl | border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-2xl | border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-3xl | border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-4xl | border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-none | border-top-right-radius: 0; border-bottom-right-radius: 0; | Aplica border-top-right-radius: 0; border-bottom-right-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-full | border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); | Aplica border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-( <custom-property> ) | border-top-right-radius: var( <custom-property> ); border-bottom-right-radius: var( <custom-property> ); | Aplica border-top-right-radius: var( <custom-property> ); border-bottom-right-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-r-[ <value> ] | border-top-right-radius: <value> ; border-bottom-right-radius: <value> ; | Aplica border-top-right-radius: <value> ; border-bottom-right-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-xs | border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-sm | border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-md | border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-lg | border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-xl | border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-2xl | border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-3xl | border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-4xl | border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-none | border-bottom-right-radius: 0; border-bottom-left-radius: 0; | Aplica border-bottom-right-radius: 0; border-bottom-left-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-full | border-bottom-right-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); | Aplica border-bottom-right-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-( <custom-property> ) | border-bottom-right-radius: var( <custom-property> ); border-bottom-left-radius: var( <custom-property> ); | Aplica border-bottom-right-radius: var( <custom-property> ); border-bottom-left-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-b-[ <value> ] | border-bottom-right-radius: <value> ; border-bottom-left-radius: <value> ; | Aplica border-bottom-right-radius: <value> ; border-bottom-left-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-xs | border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-sm | border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-md | border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-lg | border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-xl | border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-3xl | border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-none | border-top-left-radius: 0; border-bottom-left-radius: 0; | Aplica border-top-left-radius: 0; border-bottom-left-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-full | border-top-left-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); | Aplica border-top-left-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-( <custom-property> ) | border-top-left-radius: var( <custom-property> ); border-bottom-left-radius: var( <custom-property> ); | Aplica border-top-left-radius: var( <custom-property> ); border-bottom-left-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-l-[ <value> ] | border-top-left-radius: <value> ; border-bottom-left-radius: <value> ; | Aplica border-top-left-radius: <value> ; border-bottom-left-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-xs | border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-start-start-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-sm | border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-start-start-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-md | border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-start-start-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-lg | border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-start-start-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-xl | border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-start-start-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-2xl | border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-start-start-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-3xl | border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-start-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-4xl | border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-start-start-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-none | border-start-start-radius: 0; | Aplica border-start-start-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-full | border-start-start-radius: calc(infinity * 1px); | Aplica border-start-start-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-( <custom-property> ) | border-start-start-radius: var( <custom-property> ); | Aplica border-start-start-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ss-[ <value> ] | border-start-start-radius: <value> ; | Aplica border-start-start-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-xs | border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-start-end-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-sm | border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-start-end-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-md | border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-start-end-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-lg | border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-start-end-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-xl | border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-start-end-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-2xl | border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-start-end-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-3xl | border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-start-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-4xl | border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-start-end-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-none | border-start-end-radius: 0; | Aplica border-start-end-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-full | border-start-end-radius: calc(infinity * 1px); | Aplica border-start-end-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-( <custom-property> ) | border-start-end-radius: var( <custom-property> ); | Aplica border-start-end-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-se-[ <value> ] | border-start-end-radius: <value> ; | Aplica border-start-end-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-xs | border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-end-end-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-sm | border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-end-end-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-md | border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-end-end-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-lg | border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-end-end-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-xl | border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-end-end-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-2xl | border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-end-end-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-3xl | border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-end-end-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-4xl | border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-end-end-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-none | border-end-end-radius: 0; | Aplica border-end-end-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-full | border-end-end-radius: calc(infinity * 1px); | Aplica border-end-end-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-( <custom-property> ) | border-end-end-radius: var( <custom-property> ); | Aplica border-end-end-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-ee-[ <value> ] | border-end-end-radius: <value> ; | Aplica border-end-end-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-xs | border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-end-start-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-sm | border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-end-start-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-md | border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-end-start-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-lg | border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-end-start-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-xl | border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-end-start-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-2xl | border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-end-start-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-3xl | border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-end-start-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-4xl | border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-end-start-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-none | border-end-start-radius: 0; | Aplica border-end-start-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-full | border-end-start-radius: calc(infinity * 1px); | Aplica border-end-start-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-( <custom-property> ) | border-end-start-radius: var( <custom-property> ); | Aplica border-end-start-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-es-[ <value> ] | border-end-start-radius: <value> ; | Aplica border-end-start-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-xs | border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-top-left-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-sm | border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-md | border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-lg | border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-xl | border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-2xl | border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-top-left-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-3xl | border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-top-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-4xl | border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-top-left-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-none | border-top-left-radius: 0; | Aplica border-top-left-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-full | border-top-left-radius: calc(infinity * 1px); | Aplica border-top-left-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-( <custom-property> ) | border-top-left-radius: var( <custom-property> ); | Aplica border-top-left-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tl-[ <value> ] | border-top-left-radius: <value> ; | Aplica border-top-left-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-xs | border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-top-right-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-sm | border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-md | border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-lg | border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-xl | border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-2xl | border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-top-right-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-3xl | border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-top-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-4xl | border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-top-right-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-none | border-top-right-radius: 0; | Aplica border-top-right-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-full | border-top-right-radius: calc(infinity * 1px); | Aplica border-top-right-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-( <custom-property> ) | border-top-right-radius: var( <custom-property> ); | Aplica border-top-right-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-tr-[ <value> ] | border-top-right-radius: <value> ; | Aplica border-top-right-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-xs | border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-bottom-right-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-sm | border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-md | border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-lg | border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-xl | border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-2xl | border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-bottom-right-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-3xl | border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-bottom-right-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-4xl | border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-bottom-right-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-none | border-bottom-right-radius: 0; | Aplica border-bottom-right-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-full | border-bottom-right-radius: calc(infinity * 1px); | Aplica border-bottom-right-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-( <custom-property> ) | border-bottom-right-radius: var( <custom-property> ); | Aplica border-bottom-right-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-br-[ <value> ] | border-bottom-right-radius: <value> ; | Aplica border-bottom-right-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-xs | border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ | Aplica border-bottom-left-radius: var(--radius-xs); /* 0.125rem (2px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-sm | border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ | Aplica border-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-md | border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ | Aplica border-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-lg | border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ | Aplica border-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-xl | border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ | Aplica border-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-2xl | border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ | Aplica border-bottom-left-radius: var(--radius-2xl); /* 1rem (16px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-3xl | border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ | Aplica border-bottom-left-radius: var(--radius-3xl); /* 1.5rem (24px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-4xl | border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ | Aplica border-bottom-left-radius: var(--radius-4xl); /* 2rem (32px) */ al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-none | border-bottom-left-radius: 0; | Aplica border-bottom-left-radius: 0; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-full | border-bottom-left-radius: calc(infinity * 1px); | Aplica border-bottom-left-radius: calc(infinity * 1px); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-( <custom-property> ) | border-bottom-left-radius: var( <custom-property> ); | Aplica border-bottom-left-radius: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
rounded-bl-[ <value> ] | border-bottom-left-radius: <value> ; | Aplica border-bottom-left-radius: <value> ; al elemento; úsalo cuando necesites ajustar border-radius con esta utilidad. |
ancho de frontera
Fuente oficial: https://tailwindcss.com/docs/border-width
Utilidades para controlar el ancho de los bordes de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
border | border-width: 1px; | Aplica border-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border- <number> | border-width: <number> px; | Aplica border-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-(length: <custom-property> ) | border-width: var( <custom-property> ); | Aplica border-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-[ <value> ] | border-width: <value> ; | Aplica border-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-x | border-inline-width: 1px; | Aplica border-inline-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-x- <number> | border-inline-width: <number> px; | Aplica border-inline-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-x-(length: <custom-property> ) | border-inline-width: var( <custom-property> ); | Aplica border-inline-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-x-[ <value> ] | border-inline-width: <value> ; | Aplica border-inline-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-y | border-block-width: 1px; | Aplica border-block-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-y- <number> | border-block-width: <number> px; | Aplica border-block-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-y-(length: <custom-property> ) | border-block-width: var( <custom-property> ); | Aplica border-block-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-y-[ <value> ] | border-block-width: <value> ; | Aplica border-block-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-s | border-inline-start-width: 1px; | Aplica border-inline-start-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-s- <number> | border-inline-start-width: <number> px; | Aplica border-inline-start-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-s-(length: <custom-property> ) | border-inline-start-width: var( <custom-property> ); | Aplica border-inline-start-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-s-[ <value> ] | border-inline-start-width: <value> ; | Aplica border-inline-start-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-e | border-inline-end-width: 1px; | Aplica border-inline-end-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-e- <number> | border-inline-end-width: <number> px; | Aplica border-inline-end-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-e-(length: <custom-property> ) | border-inline-end-width: var( <custom-property> ); | Aplica border-inline-end-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-e-[ <value> ] | border-inline-end-width: <value> ; | Aplica border-inline-end-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-bs | border-block-start-width: 1px; | Aplica border-block-start-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-bs- <number> | border-block-start-width: <number> px; | Aplica border-block-start-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-bs-(length: <custom-property> ) | border-block-start-width: var( <custom-property> ); | Aplica border-block-start-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-bs-[ <value> ] | border-block-start-width: <value> ; | Aplica border-block-start-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-be | border-block-end-width: 1px; | Aplica border-block-end-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-be- <number> | border-block-end-width: <number> px; | Aplica border-block-end-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-be-(length: <custom-property> ) | border-block-end-width: var( <custom-property> ); | Aplica border-block-end-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-be-[ <value> ] | border-block-end-width: <value> ; | Aplica border-block-end-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-t | border-top-width: 1px; | Aplica border-top-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-t- <number> | border-top-width: <number> px; | Aplica border-top-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-t-(length: <custom-property> ) | border-top-width: var( <custom-property> ); | Aplica border-top-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-t-[ <value> ] | border-top-width: <value> ; | Aplica border-top-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-r | border-right-width: 1px; | Aplica border-right-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-r- <number> | border-right-width: <number> px; | Aplica border-right-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-r-(length: <custom-property> ) | border-right-width: var( <custom-property> ); | Aplica border-right-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-r-[ <value> ] | border-right-width: <value> ; | Aplica border-right-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-b | border-bottom-width: 1px; | Aplica border-bottom-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-b- <number> | border-bottom-width: <number> px; | Aplica border-bottom-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-b-(length: <custom-property> ) | border-bottom-width: var( <custom-property> ); | Aplica border-bottom-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-b-[ <value> ] | border-bottom-width: <value> ; | Aplica border-bottom-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-l | border-left-width: 1px; | Aplica border-left-width: 1px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-l- <number> | border-left-width: <number> px; | Aplica border-left-width: <number> px; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-l-(length: <custom-property> ) | border-left-width: var( <custom-property> ); | Aplica border-left-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
border-l-[ <value> ] | border-left-width: <value> ; | Aplica border-left-width: <value> ; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-x | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: 1px; } | Aplica & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: 1px; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-x- <number> | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <number> px; } | Aplica & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <number> px; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-x-(length: <custom-property> ) | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: var( <custom-property> ); } | Aplica & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: var( <custom-property> ); } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-x-[ <value> ] | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <value> ; } | Aplica & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: <value> ; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-y | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: 1px; } | Aplica & > :not(:last-child) { border-top-width: 0px; border-bottom-width: 1px; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-y- <number> | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: <number> px; } | Aplica & > :not(:last-child) { border-top-width: 0px; border-bottom-width: <number> px; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-y-(length: <custom-property> ) | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: var( <custom-property> ); } | Aplica & > :not(:last-child) { border-top-width: 0px; border-bottom-width: var( <custom-property> ); } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-y-[ <value> ] | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: <value> ; } | Aplica & > :not(:last-child) { border-top-width: 0px; border-bottom-width: <value> ; } al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-x-reverse | --tw-divide-x-reverse: 1; | Aplica --tw-divide-x-reverse: 1; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
divide-y-reverse | --tw-divide-y-reverse: 1; | Aplica --tw-divide-y-reverse: 1; al elemento; úsalo cuando necesites ajustar border-width con esta utilidad. |
color del borde
Fuente oficial: https://tailwindcss.com/docs/border-color
Utilidades para controlar el color de los bordes de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
border-inherit | border-color: inherit; | Aplica border-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-current | border-color: currentColor; | Aplica border-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-transparent | border-color: transparent; | Aplica border-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-black | border-color: var(--color-black); /* #000 */ | Aplica border-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-white | border-color: var(--color-white); /* #fff */ | Aplica border-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-50 | border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-100 | border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-200 | border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-300 | border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-400 | border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-500 | border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-600 | border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-700 | border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-800 | border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-900 | border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-red-950 | border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-50 | border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-100 | border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-200 | border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-300 | border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-400 | border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-500 | border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-600 | border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-700 | border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-800 | border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-900 | border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-orange-950 | border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-50 | border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-100 | border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-200 | border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-300 | border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-400 | border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-500 | border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-600 | border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-700 | border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-800 | border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-900 | border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-amber-950 | border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-50 | border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-100 | border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-200 | border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-300 | border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-400 | border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-500 | border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-600 | border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-700 | border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-800 | border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-900 | border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-yellow-950 | border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-50 | border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-100 | border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-200 | border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-300 | border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-400 | border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-500 | border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-600 | border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-700 | border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-800 | border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-900 | border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-lime-950 | border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-50 | border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-100 | border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-200 | border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-300 | border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-400 | border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-500 | border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-600 | border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-700 | border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-800 | border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-900 | border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-green-950 | border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-50 | border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-100 | border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-200 | border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-300 | border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-400 | border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-500 | border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-600 | border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-700 | border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-800 | border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-900 | border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-emerald-950 | border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-50 | border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-100 | border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-200 | border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-300 | border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-400 | border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-500 | border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-600 | border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-700 | border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-800 | border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-900 | border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-teal-950 | border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-50 | border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-100 | border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-200 | border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-300 | border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-400 | border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-500 | border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-600 | border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-700 | border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-800 | border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-900 | border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-cyan-950 | border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-50 | border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-100 | border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-200 | border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-300 | border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-400 | border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-500 | border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-600 | border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-700 | border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-800 | border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-900 | border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-sky-950 | border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-50 | border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-100 | border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-200 | border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-300 | border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-400 | border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-500 | border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-600 | border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-700 | border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-800 | border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-900 | border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-blue-950 | border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-50 | border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-100 | border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-200 | border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-300 | border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-400 | border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-500 | border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-600 | border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-700 | border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-800 | border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-900 | border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-indigo-950 | border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-50 | border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-100 | border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-200 | border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-300 | border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-400 | border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-500 | border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-600 | border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-700 | border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-800 | border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-900 | border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-violet-950 | border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-50 | border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-100 | border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-200 | border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-300 | border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-400 | border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-500 | border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-600 | border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-700 | border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-800 | border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-900 | border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-purple-950 | border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-50 | border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-100 | border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-200 | border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-300 | border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-400 | border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-500 | border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-600 | border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-700 | border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-800 | border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-900 | border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-fuchsia-950 | border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-50 | border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-100 | border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-200 | border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-300 | border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-400 | border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-500 | border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-600 | border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-700 | border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-800 | border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-900 | border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-pink-950 | border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-50 | border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-100 | border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-200 | border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-300 | border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-400 | border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-500 | border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-600 | border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-700 | border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-800 | border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-900 | border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-rose-950 | border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-50 | border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-100 | border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-200 | border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-300 | border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-400 | border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-500 | border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-600 | border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-700 | border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-800 | border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-900 | border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-slate-950 | border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-50 | border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-100 | border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-200 | border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-300 | border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-400 | border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-500 | border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-600 | border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-700 | border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-800 | border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-900 | border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-gray-950 | border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-50 | border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-100 | border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-200 | border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-300 | border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-400 | border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-500 | border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-600 | border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-700 | border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-800 | border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-900 | border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-zinc-950 | border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-50 | border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-100 | border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-200 | border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-300 | border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-400 | border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-500 | border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-600 | border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-700 | border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-800 | border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-900 | border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-neutral-950 | border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-50 | border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-100 | border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-200 | border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-300 | border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-400 | border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-500 | border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-600 | border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-700 | border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-800 | border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-900 | border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-stone-950 | border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-50 | border-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-100 | border-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-200 | border-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-300 | border-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-400 | border-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-500 | border-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-600 | border-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-700 | border-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-800 | border-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-900 | border-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mauve-950 | border-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-50 | border-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-100 | border-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-200 | border-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-300 | border-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-400 | border-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-500 | border-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-600 | border-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-700 | border-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-800 | border-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-900 | border-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-olive-950 | border-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-50 | border-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-100 | border-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-200 | border-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-300 | border-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-400 | border-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-500 | border-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-600 | border-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-700 | border-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-800 | border-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-900 | border-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-mist-950 | border-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-50 | border-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-100 | border-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-200 | border-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-300 | border-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-400 | border-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-500 | border-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-600 | border-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-700 | border-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-800 | border-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-900 | border-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-taupe-950 | border-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-( <custom-property> ) | border-color: var( <custom-property> ); | Aplica border-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-[ <value> ] | border-color: <value> ; | Aplica border-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-inherit | border-inline-color: inherit; | Aplica border-inline-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-current | border-inline-color: currentColor; | Aplica border-inline-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-transparent | border-inline-color: transparent; | Aplica border-inline-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-black | border-inline-color: var(--color-black); /* #000 */ | Aplica border-inline-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-white | border-inline-color: var(--color-white); /* #fff */ | Aplica border-inline-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-50 | border-inline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-inline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-100 | border-inline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-inline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-200 | border-inline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-inline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-300 | border-inline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-inline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-400 | border-inline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-inline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-500 | border-inline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-inline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-600 | border-inline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-inline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-700 | border-inline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-inline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-800 | border-inline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-inline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-900 | border-inline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-inline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-red-950 | border-inline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-inline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-50 | border-inline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-inline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-100 | border-inline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-inline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-200 | border-inline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-inline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-300 | border-inline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-inline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-400 | border-inline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-inline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-500 | border-inline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-inline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-600 | border-inline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-inline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-700 | border-inline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-inline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-800 | border-inline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-inline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-900 | border-inline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-inline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-orange-950 | border-inline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-inline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-50 | border-inline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-inline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-100 | border-inline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-inline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-200 | border-inline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-inline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-300 | border-inline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-inline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-400 | border-inline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-inline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-500 | border-inline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-inline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-600 | border-inline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-inline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-700 | border-inline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-inline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-800 | border-inline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-inline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-900 | border-inline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-inline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-amber-950 | border-inline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-inline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-50 | border-inline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-inline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-100 | border-inline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-inline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-200 | border-inline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-inline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-300 | border-inline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-inline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-400 | border-inline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-inline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-500 | border-inline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-inline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-600 | border-inline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-inline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-700 | border-inline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-inline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-800 | border-inline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-inline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-900 | border-inline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-inline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-yellow-950 | border-inline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-inline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-50 | border-inline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-inline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-100 | border-inline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-inline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-200 | border-inline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-inline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-300 | border-inline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-inline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-400 | border-inline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-inline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-500 | border-inline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-inline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-600 | border-inline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-inline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-700 | border-inline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-inline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-800 | border-inline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-inline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-900 | border-inline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-inline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-lime-950 | border-inline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-inline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-50 | border-inline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-inline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-100 | border-inline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-inline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-200 | border-inline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-inline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-300 | border-inline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-inline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-400 | border-inline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-inline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-500 | border-inline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-inline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-600 | border-inline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-inline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-700 | border-inline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-inline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-800 | border-inline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-inline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-900 | border-inline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-inline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-green-950 | border-inline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-inline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-50 | border-inline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-inline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-100 | border-inline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-inline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-200 | border-inline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-inline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-300 | border-inline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-inline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-400 | border-inline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-inline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-500 | border-inline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-inline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-600 | border-inline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-inline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-700 | border-inline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-inline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-800 | border-inline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-inline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-900 | border-inline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-inline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-emerald-950 | border-inline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-inline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-50 | border-inline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-inline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-100 | border-inline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-inline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-200 | border-inline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-inline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-300 | border-inline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-inline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-400 | border-inline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-inline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-500 | border-inline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-inline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-600 | border-inline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-inline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-700 | border-inline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-inline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-800 | border-inline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-inline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-900 | border-inline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-inline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-teal-950 | border-inline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-inline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-50 | border-inline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-inline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-100 | border-inline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-inline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-200 | border-inline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-inline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-300 | border-inline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-inline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-400 | border-inline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-inline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-500 | border-inline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-inline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-600 | border-inline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-inline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-700 | border-inline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-inline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-800 | border-inline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-inline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-900 | border-inline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-inline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-cyan-950 | border-inline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-inline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-50 | border-inline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-inline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-100 | border-inline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-inline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-200 | border-inline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-inline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-300 | border-inline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-inline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-400 | border-inline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-inline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-500 | border-inline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-inline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-600 | border-inline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-inline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-700 | border-inline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-inline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-800 | border-inline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-inline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-900 | border-inline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-inline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-sky-950 | border-inline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-inline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-50 | border-inline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-inline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-100 | border-inline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-inline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-200 | border-inline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-inline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-300 | border-inline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-inline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-400 | border-inline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-inline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-500 | border-inline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-inline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-600 | border-inline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-inline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-700 | border-inline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-inline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-800 | border-inline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-inline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-900 | border-inline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-inline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-blue-950 | border-inline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-inline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-50 | border-inline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-inline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-100 | border-inline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-inline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-200 | border-inline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-inline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-300 | border-inline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-inline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-400 | border-inline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-inline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-500 | border-inline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-inline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-600 | border-inline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-inline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-700 | border-inline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-inline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-800 | border-inline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-inline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-900 | border-inline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-inline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-indigo-950 | border-inline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-inline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-50 | border-inline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-inline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-100 | border-inline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-inline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-200 | border-inline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-inline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-300 | border-inline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-inline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-400 | border-inline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-inline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-500 | border-inline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-inline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-600 | border-inline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-inline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-700 | border-inline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-inline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-800 | border-inline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-inline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-900 | border-inline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-inline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-violet-950 | border-inline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-inline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-50 | border-inline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-inline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-100 | border-inline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-inline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-200 | border-inline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-inline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-300 | border-inline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-inline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-400 | border-inline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-inline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-500 | border-inline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-inline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-600 | border-inline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-inline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-700 | border-inline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-inline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-800 | border-inline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-inline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-900 | border-inline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-inline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-purple-950 | border-inline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-inline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-50 | border-inline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-inline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-100 | border-inline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-inline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-200 | border-inline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-inline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-300 | border-inline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-inline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-400 | border-inline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-inline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-500 | border-inline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-inline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-600 | border-inline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-inline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-700 | border-inline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-inline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-800 | border-inline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-inline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-900 | border-inline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-inline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-fuchsia-950 | border-inline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-inline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-50 | border-inline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-inline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-100 | border-inline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-inline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-200 | border-inline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-inline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-300 | border-inline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-inline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-400 | border-inline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-inline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-500 | border-inline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-inline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-600 | border-inline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-inline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-700 | border-inline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-inline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-800 | border-inline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-inline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-900 | border-inline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-inline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-pink-950 | border-inline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-inline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-50 | border-inline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-inline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-100 | border-inline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-inline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-200 | border-inline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-inline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-300 | border-inline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-inline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-400 | border-inline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-inline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-500 | border-inline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-inline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-600 | border-inline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-inline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-700 | border-inline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-inline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-800 | border-inline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-inline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-900 | border-inline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-inline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-rose-950 | border-inline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-inline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-50 | border-inline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-inline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-100 | border-inline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-inline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-200 | border-inline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-inline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-300 | border-inline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-inline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-400 | border-inline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-inline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-500 | border-inline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-inline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-600 | border-inline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-inline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-700 | border-inline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-inline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-800 | border-inline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-inline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-900 | border-inline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-inline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-slate-950 | border-inline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-inline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-50 | border-inline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-inline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-100 | border-inline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-inline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-200 | border-inline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-inline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-300 | border-inline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-inline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-400 | border-inline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-inline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-500 | border-inline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-inline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-600 | border-inline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-inline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-700 | border-inline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-inline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-800 | border-inline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-inline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-900 | border-inline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-inline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-gray-950 | border-inline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-inline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-50 | border-inline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-100 | border-inline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-inline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-200 | border-inline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-inline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-300 | border-inline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-inline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-400 | border-inline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-inline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-500 | border-inline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-inline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-600 | border-inline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-inline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-700 | border-inline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-inline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-800 | border-inline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-inline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-900 | border-inline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-inline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-zinc-950 | border-inline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-inline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-50 | border-inline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-100 | border-inline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-inline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-200 | border-inline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-inline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-300 | border-inline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-inline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-400 | border-inline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-inline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-500 | border-inline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-inline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-600 | border-inline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-inline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-700 | border-inline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-inline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-800 | border-inline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-inline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-900 | border-inline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-inline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-neutral-950 | border-inline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-inline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-50 | border-inline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-inline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-100 | border-inline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-inline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-200 | border-inline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-inline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-300 | border-inline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-inline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-400 | border-inline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-inline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-500 | border-inline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-inline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-600 | border-inline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-inline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-700 | border-inline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-inline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-800 | border-inline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-inline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-900 | border-inline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-inline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-stone-950 | border-inline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-inline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-50 | border-inline-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-100 | border-inline-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-inline-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-200 | border-inline-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-inline-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-300 | border-inline-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-inline-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-400 | border-inline-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-inline-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-500 | border-inline-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-inline-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-600 | border-inline-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-inline-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-700 | border-inline-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-inline-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-800 | border-inline-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-inline-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-900 | border-inline-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-inline-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mauve-950 | border-inline-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-inline-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-50 | border-inline-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-inline-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-100 | border-inline-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-inline-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-200 | border-inline-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-inline-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-300 | border-inline-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-inline-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-400 | border-inline-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-inline-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-500 | border-inline-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-inline-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-600 | border-inline-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-inline-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-700 | border-inline-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-inline-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-800 | border-inline-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-inline-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-900 | border-inline-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-inline-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-olive-950 | border-inline-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-inline-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-50 | border-inline-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-inline-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-100 | border-inline-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-inline-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-200 | border-inline-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-inline-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-300 | border-inline-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-inline-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-400 | border-inline-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-inline-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-500 | border-inline-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-inline-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-600 | border-inline-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-inline-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-700 | border-inline-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-inline-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-800 | border-inline-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-inline-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-900 | border-inline-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-inline-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-mist-950 | border-inline-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-inline-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-50 | border-inline-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-inline-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-100 | border-inline-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-inline-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-200 | border-inline-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-inline-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-300 | border-inline-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-inline-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-400 | border-inline-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-inline-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-500 | border-inline-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-inline-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-600 | border-inline-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-inline-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-700 | border-inline-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-inline-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-800 | border-inline-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-inline-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-900 | border-inline-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-inline-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-taupe-950 | border-inline-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-inline-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-( <custom-property> ) | border-inline-color: var( <custom-property> ); | Aplica border-inline-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-x-[ <value> ] | border-inline-color: <value> ; | Aplica border-inline-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-inherit | border-block-color: inherit; | Aplica border-block-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-current | border-block-color: currentColor; | Aplica border-block-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-transparent | border-block-color: transparent; | Aplica border-block-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-black | border-block-color: var(--color-black); /* #000 */ | Aplica border-block-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-white | border-block-color: var(--color-white); /* #fff */ | Aplica border-block-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-50 | border-block-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-block-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-100 | border-block-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-block-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-200 | border-block-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-block-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-300 | border-block-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-block-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-400 | border-block-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-block-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-500 | border-block-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-block-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-600 | border-block-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-block-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-700 | border-block-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-block-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-800 | border-block-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-block-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-900 | border-block-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-block-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-red-950 | border-block-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-block-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-50 | border-block-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-block-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-100 | border-block-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-block-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-200 | border-block-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-block-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-300 | border-block-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-block-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-400 | border-block-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-block-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-500 | border-block-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-block-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-600 | border-block-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-block-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-700 | border-block-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-block-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-800 | border-block-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-block-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-900 | border-block-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-block-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-orange-950 | border-block-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-block-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-50 | border-block-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-block-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-100 | border-block-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-block-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-200 | border-block-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-block-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-300 | border-block-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-block-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-400 | border-block-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-block-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-500 | border-block-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-block-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-600 | border-block-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-block-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-700 | border-block-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-block-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-800 | border-block-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-block-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-900 | border-block-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-block-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-amber-950 | border-block-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-block-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-50 | border-block-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-block-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-100 | border-block-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-block-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-200 | border-block-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-block-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-300 | border-block-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-block-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-400 | border-block-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-block-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-500 | border-block-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-block-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-600 | border-block-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-block-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-700 | border-block-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-block-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-800 | border-block-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-block-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-900 | border-block-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-block-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-yellow-950 | border-block-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-block-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-50 | border-block-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-block-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-100 | border-block-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-block-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-200 | border-block-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-block-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-300 | border-block-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-block-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-400 | border-block-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-block-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-500 | border-block-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-block-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-600 | border-block-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-block-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-700 | border-block-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-block-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-800 | border-block-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-block-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-900 | border-block-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-block-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-lime-950 | border-block-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-block-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-50 | border-block-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-block-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-100 | border-block-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-block-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-200 | border-block-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-block-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-300 | border-block-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-block-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-400 | border-block-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-block-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-500 | border-block-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-block-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-600 | border-block-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-block-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-700 | border-block-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-block-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-800 | border-block-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-block-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-900 | border-block-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-block-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-green-950 | border-block-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-block-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-50 | border-block-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-block-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-100 | border-block-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-block-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-200 | border-block-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-block-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-300 | border-block-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-block-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-400 | border-block-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-block-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-500 | border-block-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-block-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-600 | border-block-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-block-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-700 | border-block-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-block-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-800 | border-block-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-block-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-900 | border-block-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-block-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-emerald-950 | border-block-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-block-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-50 | border-block-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-block-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-100 | border-block-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-block-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-200 | border-block-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-block-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-300 | border-block-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-block-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-400 | border-block-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-block-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-500 | border-block-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-block-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-600 | border-block-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-block-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-700 | border-block-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-block-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-800 | border-block-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-block-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-900 | border-block-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-block-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-teal-950 | border-block-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-block-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-50 | border-block-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-block-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-100 | border-block-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-block-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-200 | border-block-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-block-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-300 | border-block-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-block-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-400 | border-block-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-block-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-500 | border-block-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-block-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-600 | border-block-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-block-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-700 | border-block-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-block-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-800 | border-block-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-block-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-900 | border-block-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-block-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-cyan-950 | border-block-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-block-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-50 | border-block-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-block-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-100 | border-block-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-block-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-200 | border-block-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-block-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-300 | border-block-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-block-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-400 | border-block-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-block-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-500 | border-block-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-block-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-600 | border-block-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-block-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-700 | border-block-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-block-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-800 | border-block-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-block-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-900 | border-block-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-block-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-sky-950 | border-block-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-block-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-50 | border-block-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-block-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-100 | border-block-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-block-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-200 | border-block-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-block-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-300 | border-block-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-block-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-400 | border-block-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-block-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-500 | border-block-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-block-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-600 | border-block-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-block-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-700 | border-block-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-block-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-800 | border-block-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-block-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-900 | border-block-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-block-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-blue-950 | border-block-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-block-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-50 | border-block-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-block-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-100 | border-block-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-block-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-200 | border-block-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-block-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-300 | border-block-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-block-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-400 | border-block-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-block-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-500 | border-block-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-block-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-600 | border-block-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-block-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-700 | border-block-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-block-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-800 | border-block-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-block-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-900 | border-block-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-block-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-indigo-950 | border-block-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-block-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-50 | border-block-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-block-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-100 | border-block-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-block-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-200 | border-block-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-block-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-300 | border-block-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-block-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-400 | border-block-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-block-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-500 | border-block-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-block-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-600 | border-block-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-block-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-700 | border-block-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-block-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-800 | border-block-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-block-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-900 | border-block-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-block-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-violet-950 | border-block-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-block-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-50 | border-block-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-block-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-100 | border-block-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-block-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-200 | border-block-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-block-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-300 | border-block-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-block-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-400 | border-block-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-block-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-500 | border-block-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-block-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-600 | border-block-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-block-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-700 | border-block-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-block-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-800 | border-block-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-block-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-900 | border-block-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-block-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-purple-950 | border-block-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-block-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-50 | border-block-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-block-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-100 | border-block-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-block-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-200 | border-block-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-block-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-300 | border-block-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-block-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-400 | border-block-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-block-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-500 | border-block-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-block-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-600 | border-block-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-block-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-700 | border-block-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-block-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-800 | border-block-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-block-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-900 | border-block-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-block-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-fuchsia-950 | border-block-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-block-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-50 | border-block-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-block-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-100 | border-block-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-block-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-200 | border-block-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-block-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-300 | border-block-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-block-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-400 | border-block-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-block-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-500 | border-block-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-block-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-600 | border-block-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-block-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-700 | border-block-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-block-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-800 | border-block-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-block-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-900 | border-block-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-block-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-pink-950 | border-block-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-block-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-50 | border-block-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-block-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-100 | border-block-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-block-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-200 | border-block-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-block-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-300 | border-block-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-block-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-400 | border-block-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-block-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-500 | border-block-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-block-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-600 | border-block-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-block-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-700 | border-block-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-block-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-800 | border-block-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-block-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-900 | border-block-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-block-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-rose-950 | border-block-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-block-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-50 | border-block-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-block-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-100 | border-block-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-block-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-200 | border-block-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-block-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-300 | border-block-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-block-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-400 | border-block-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-block-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-500 | border-block-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-block-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-600 | border-block-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-block-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-700 | border-block-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-block-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-800 | border-block-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-block-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-900 | border-block-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-block-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-slate-950 | border-block-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-block-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-50 | border-block-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-block-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-100 | border-block-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-block-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-200 | border-block-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-block-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-300 | border-block-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-block-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-400 | border-block-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-block-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-500 | border-block-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-block-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-600 | border-block-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-block-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-700 | border-block-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-block-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-800 | border-block-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-block-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-900 | border-block-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-block-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-gray-950 | border-block-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-block-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-50 | border-block-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-block-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-100 | border-block-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-block-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-200 | border-block-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-block-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-300 | border-block-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-block-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-400 | border-block-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-block-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-500 | border-block-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-block-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-600 | border-block-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-block-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-700 | border-block-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-block-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-800 | border-block-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-block-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-900 | border-block-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-block-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-zinc-950 | border-block-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-block-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-50 | border-block-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-block-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-100 | border-block-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-block-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-200 | border-block-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-block-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-300 | border-block-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-block-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-400 | border-block-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-block-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-500 | border-block-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-block-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-600 | border-block-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-block-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-700 | border-block-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-block-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-800 | border-block-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-block-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-900 | border-block-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-block-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-neutral-950 | border-block-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-block-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-50 | border-block-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-block-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-100 | border-block-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-block-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-200 | border-block-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-block-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-300 | border-block-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-block-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-400 | border-block-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-block-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-500 | border-block-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-block-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-600 | border-block-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-block-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-700 | border-block-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-block-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-800 | border-block-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-block-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-900 | border-block-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-block-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-stone-950 | border-block-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-block-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-50 | border-block-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-block-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-100 | border-block-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-block-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-200 | border-block-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-block-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-300 | border-block-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-block-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-400 | border-block-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-block-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-500 | border-block-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-block-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-600 | border-block-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-block-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-700 | border-block-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-block-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-800 | border-block-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-block-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-900 | border-block-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-block-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mauve-950 | border-block-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-block-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-50 | border-block-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-block-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-100 | border-block-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-block-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-200 | border-block-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-block-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-300 | border-block-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-block-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-400 | border-block-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-block-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-500 | border-block-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-block-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-600 | border-block-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-block-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-700 | border-block-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-block-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-800 | border-block-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-block-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-900 | border-block-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-block-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-olive-950 | border-block-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-block-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-50 | border-block-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-block-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-100 | border-block-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-block-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-200 | border-block-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-block-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-300 | border-block-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-block-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-400 | border-block-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-block-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-500 | border-block-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-block-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-600 | border-block-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-block-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-700 | border-block-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-block-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-800 | border-block-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-block-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-900 | border-block-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-block-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-mist-950 | border-block-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-block-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-50 | border-block-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-block-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-100 | border-block-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-block-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-200 | border-block-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-block-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-300 | border-block-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-block-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-400 | border-block-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-block-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-500 | border-block-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-block-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-600 | border-block-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-block-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-700 | border-block-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-block-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-800 | border-block-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-block-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-900 | border-block-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-block-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-taupe-950 | border-block-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-block-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-( <custom-property> ) | border-block-color: var( <custom-property> ); | Aplica border-block-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-y-[ <value> ] | border-block-color: <value> ; | Aplica border-block-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-inherit | border-inline-start-color: inherit; | Aplica border-inline-start-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-current | border-inline-start-color: currentColor; | Aplica border-inline-start-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-transparent | border-inline-start-color: transparent; | Aplica border-inline-start-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-black | border-inline-start-color: var(--color-black); /* #000 */ | Aplica border-inline-start-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-white | border-inline-start-color: var(--color-white); /* #fff */ | Aplica border-inline-start-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-50 | border-inline-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-inline-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-100 | border-inline-start-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-inline-start-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-200 | border-inline-start-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-inline-start-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-300 | border-inline-start-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-inline-start-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-400 | border-inline-start-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-inline-start-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-500 | border-inline-start-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-inline-start-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-600 | border-inline-start-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-inline-start-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-700 | border-inline-start-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-inline-start-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-800 | border-inline-start-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-inline-start-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-900 | border-inline-start-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-inline-start-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-red-950 | border-inline-start-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-inline-start-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-50 | border-inline-start-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-inline-start-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-100 | border-inline-start-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-inline-start-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-200 | border-inline-start-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-inline-start-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-300 | border-inline-start-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-inline-start-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-400 | border-inline-start-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-inline-start-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-500 | border-inline-start-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-inline-start-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-600 | border-inline-start-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-inline-start-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-700 | border-inline-start-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-inline-start-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-800 | border-inline-start-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-inline-start-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-900 | border-inline-start-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-inline-start-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-orange-950 | border-inline-start-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-inline-start-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-50 | border-inline-start-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-inline-start-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-100 | border-inline-start-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-inline-start-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-200 | border-inline-start-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-inline-start-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-300 | border-inline-start-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-inline-start-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-400 | border-inline-start-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-inline-start-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-500 | border-inline-start-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-inline-start-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-600 | border-inline-start-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-inline-start-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-700 | border-inline-start-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-inline-start-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-800 | border-inline-start-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-inline-start-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-900 | border-inline-start-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-inline-start-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-amber-950 | border-inline-start-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-inline-start-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-50 | border-inline-start-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-inline-start-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-100 | border-inline-start-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-inline-start-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-200 | border-inline-start-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-inline-start-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-300 | border-inline-start-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-inline-start-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-400 | border-inline-start-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-inline-start-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-500 | border-inline-start-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-inline-start-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-600 | border-inline-start-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-inline-start-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-700 | border-inline-start-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-inline-start-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-800 | border-inline-start-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-inline-start-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-900 | border-inline-start-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-inline-start-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-yellow-950 | border-inline-start-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-inline-start-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-50 | border-inline-start-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-inline-start-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-100 | border-inline-start-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-inline-start-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-200 | border-inline-start-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-inline-start-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-300 | border-inline-start-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-inline-start-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-400 | border-inline-start-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-inline-start-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-500 | border-inline-start-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-inline-start-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-600 | border-inline-start-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-inline-start-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-700 | border-inline-start-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-inline-start-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-800 | border-inline-start-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-inline-start-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-900 | border-inline-start-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-inline-start-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-lime-950 | border-inline-start-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-inline-start-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-50 | border-inline-start-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-inline-start-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-100 | border-inline-start-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-inline-start-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-200 | border-inline-start-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-inline-start-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-300 | border-inline-start-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-inline-start-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-400 | border-inline-start-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-inline-start-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-500 | border-inline-start-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-inline-start-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-600 | border-inline-start-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-inline-start-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-700 | border-inline-start-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-inline-start-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-800 | border-inline-start-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-inline-start-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-900 | border-inline-start-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-inline-start-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-green-950 | border-inline-start-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-inline-start-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-50 | border-inline-start-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-inline-start-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-100 | border-inline-start-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-inline-start-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-200 | border-inline-start-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-inline-start-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-300 | border-inline-start-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-inline-start-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-400 | border-inline-start-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-inline-start-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-500 | border-inline-start-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-inline-start-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-600 | border-inline-start-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-inline-start-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-700 | border-inline-start-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-inline-start-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-800 | border-inline-start-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-inline-start-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-900 | border-inline-start-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-inline-start-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-emerald-950 | border-inline-start-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-inline-start-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-50 | border-inline-start-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-inline-start-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-100 | border-inline-start-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-inline-start-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-200 | border-inline-start-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-inline-start-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-300 | border-inline-start-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-inline-start-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-400 | border-inline-start-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-inline-start-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-500 | border-inline-start-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-inline-start-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-600 | border-inline-start-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-inline-start-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-700 | border-inline-start-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-inline-start-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-800 | border-inline-start-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-inline-start-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-900 | border-inline-start-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-inline-start-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-teal-950 | border-inline-start-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-inline-start-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-50 | border-inline-start-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-inline-start-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-100 | border-inline-start-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-inline-start-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-200 | border-inline-start-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-inline-start-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-300 | border-inline-start-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-inline-start-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-400 | border-inline-start-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-inline-start-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-500 | border-inline-start-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-inline-start-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-600 | border-inline-start-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-inline-start-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-700 | border-inline-start-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-inline-start-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-800 | border-inline-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-inline-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-900 | border-inline-start-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-inline-start-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-cyan-950 | border-inline-start-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-inline-start-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-50 | border-inline-start-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-inline-start-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-100 | border-inline-start-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-inline-start-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-200 | border-inline-start-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-inline-start-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-300 | border-inline-start-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-inline-start-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-400 | border-inline-start-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-inline-start-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-500 | border-inline-start-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-inline-start-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-600 | border-inline-start-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-inline-start-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-700 | border-inline-start-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-inline-start-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-800 | border-inline-start-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-inline-start-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-900 | border-inline-start-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-inline-start-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-sky-950 | border-inline-start-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-inline-start-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-50 | border-inline-start-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-inline-start-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-100 | border-inline-start-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-inline-start-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-200 | border-inline-start-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-inline-start-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-300 | border-inline-start-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-inline-start-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-400 | border-inline-start-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-inline-start-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-500 | border-inline-start-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-inline-start-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-600 | border-inline-start-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-inline-start-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-700 | border-inline-start-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-inline-start-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-800 | border-inline-start-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-inline-start-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-900 | border-inline-start-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-inline-start-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-blue-950 | border-inline-start-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-inline-start-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-50 | border-inline-start-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-inline-start-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-100 | border-inline-start-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-inline-start-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-200 | border-inline-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-inline-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-300 | border-inline-start-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-inline-start-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-400 | border-inline-start-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-inline-start-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-500 | border-inline-start-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-inline-start-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-600 | border-inline-start-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-inline-start-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-700 | border-inline-start-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-inline-start-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-800 | border-inline-start-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-inline-start-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-900 | border-inline-start-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-inline-start-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-indigo-950 | border-inline-start-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-inline-start-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-50 | border-inline-start-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-inline-start-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-100 | border-inline-start-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-inline-start-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-200 | border-inline-start-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-inline-start-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-300 | border-inline-start-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-inline-start-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-400 | border-inline-start-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-inline-start-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-500 | border-inline-start-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-inline-start-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-600 | border-inline-start-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-inline-start-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-700 | border-inline-start-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-inline-start-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-800 | border-inline-start-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-inline-start-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-900 | border-inline-start-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-inline-start-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-violet-950 | border-inline-start-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-inline-start-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-50 | border-inline-start-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-inline-start-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-100 | border-inline-start-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-inline-start-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-200 | border-inline-start-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-inline-start-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-300 | border-inline-start-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-inline-start-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-400 | border-inline-start-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-inline-start-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-500 | border-inline-start-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-inline-start-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-600 | border-inline-start-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-inline-start-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-700 | border-inline-start-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-inline-start-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-800 | border-inline-start-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-inline-start-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-900 | border-inline-start-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-inline-start-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-purple-950 | border-inline-start-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-inline-start-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-50 | border-inline-start-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-inline-start-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-100 | border-inline-start-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-inline-start-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-200 | border-inline-start-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-inline-start-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-300 | border-inline-start-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-inline-start-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-400 | border-inline-start-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-inline-start-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-500 | border-inline-start-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-inline-start-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-600 | border-inline-start-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-inline-start-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-700 | border-inline-start-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-inline-start-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-800 | border-inline-start-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-inline-start-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-900 | border-inline-start-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-inline-start-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-fuchsia-950 | border-inline-start-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-inline-start-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-50 | border-inline-start-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-inline-start-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-100 | border-inline-start-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-inline-start-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-200 | border-inline-start-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-inline-start-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-300 | border-inline-start-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-inline-start-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-400 | border-inline-start-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-inline-start-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-500 | border-inline-start-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-inline-start-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-600 | border-inline-start-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-inline-start-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-700 | border-inline-start-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-inline-start-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-800 | border-inline-start-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-inline-start-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-900 | border-inline-start-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-inline-start-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-pink-950 | border-inline-start-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-inline-start-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-50 | border-inline-start-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-inline-start-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-100 | border-inline-start-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-inline-start-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-200 | border-inline-start-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-inline-start-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-300 | border-inline-start-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-inline-start-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-400 | border-inline-start-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-inline-start-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-500 | border-inline-start-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-inline-start-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-600 | border-inline-start-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-inline-start-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-700 | border-inline-start-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-inline-start-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-800 | border-inline-start-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-inline-start-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-900 | border-inline-start-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-inline-start-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-rose-950 | border-inline-start-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-inline-start-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-50 | border-inline-start-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-inline-start-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-100 | border-inline-start-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-inline-start-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-200 | border-inline-start-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-inline-start-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-300 | border-inline-start-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-inline-start-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-400 | border-inline-start-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-inline-start-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-500 | border-inline-start-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-inline-start-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-600 | border-inline-start-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-inline-start-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-700 | border-inline-start-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-inline-start-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-800 | border-inline-start-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-inline-start-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-900 | border-inline-start-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-inline-start-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-slate-950 | border-inline-start-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-inline-start-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-50 | border-inline-start-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-inline-start-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-100 | border-inline-start-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-inline-start-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-200 | border-inline-start-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-inline-start-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-300 | border-inline-start-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-inline-start-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-400 | border-inline-start-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-inline-start-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-500 | border-inline-start-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-inline-start-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-600 | border-inline-start-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-inline-start-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-700 | border-inline-start-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-inline-start-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-800 | border-inline-start-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-inline-start-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-900 | border-inline-start-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-inline-start-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-gray-950 | border-inline-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-inline-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-50 | border-inline-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-100 | border-inline-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-inline-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-200 | border-inline-start-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-inline-start-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-300 | border-inline-start-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-inline-start-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-400 | border-inline-start-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-inline-start-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-500 | border-inline-start-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-inline-start-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-600 | border-inline-start-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-inline-start-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-700 | border-inline-start-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-inline-start-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-800 | border-inline-start-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-inline-start-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-900 | border-inline-start-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-inline-start-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-zinc-950 | border-inline-start-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-inline-start-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-50 | border-inline-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-100 | border-inline-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-200 | border-inline-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-300 | border-inline-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-400 | border-inline-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-500 | border-inline-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-600 | border-inline-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-700 | border-inline-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-800 | border-inline-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-900 | border-inline-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-neutral-950 | border-inline-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-inline-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-50 | border-inline-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-inline-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-100 | border-inline-start-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-inline-start-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-200 | border-inline-start-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-inline-start-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-300 | border-inline-start-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-inline-start-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-400 | border-inline-start-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-inline-start-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-500 | border-inline-start-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-inline-start-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-600 | border-inline-start-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-inline-start-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-700 | border-inline-start-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-inline-start-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-800 | border-inline-start-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-inline-start-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-900 | border-inline-start-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-inline-start-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-stone-950 | border-inline-start-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-inline-start-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-50 | border-inline-start-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-start-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-100 | border-inline-start-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-inline-start-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-200 | border-inline-start-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-inline-start-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-300 | border-inline-start-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-inline-start-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-400 | border-inline-start-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-inline-start-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-500 | border-inline-start-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-inline-start-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-600 | border-inline-start-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-inline-start-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-700 | border-inline-start-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-inline-start-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-800 | border-inline-start-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-inline-start-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-900 | border-inline-start-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-inline-start-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mauve-950 | border-inline-start-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-inline-start-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-50 | border-inline-start-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-inline-start-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-100 | border-inline-start-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-inline-start-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-200 | border-inline-start-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-inline-start-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-300 | border-inline-start-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-inline-start-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-400 | border-inline-start-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-inline-start-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-500 | border-inline-start-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-inline-start-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-600 | border-inline-start-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-inline-start-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-700 | border-inline-start-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-inline-start-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-800 | border-inline-start-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-inline-start-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-900 | border-inline-start-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-inline-start-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-olive-950 | border-inline-start-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-inline-start-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-50 | border-inline-start-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-inline-start-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-100 | border-inline-start-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-inline-start-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-200 | border-inline-start-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-inline-start-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-300 | border-inline-start-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-inline-start-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-400 | border-inline-start-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-inline-start-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-500 | border-inline-start-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-inline-start-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-600 | border-inline-start-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-inline-start-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-700 | border-inline-start-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-inline-start-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-800 | border-inline-start-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-inline-start-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-900 | border-inline-start-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-inline-start-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-mist-950 | border-inline-start-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-inline-start-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-50 | border-inline-start-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-inline-start-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-100 | border-inline-start-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-inline-start-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-200 | border-inline-start-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-inline-start-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-300 | border-inline-start-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-inline-start-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-400 | border-inline-start-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-inline-start-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-500 | border-inline-start-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-inline-start-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-600 | border-inline-start-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-inline-start-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-700 | border-inline-start-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-inline-start-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-800 | border-inline-start-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-inline-start-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-900 | border-inline-start-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-inline-start-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-taupe-950 | border-inline-start-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-inline-start-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-( <custom-property> ) | border-inline-start-color: var( <custom-property> ); | Aplica border-inline-start-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-s-[ <value> ] | border-inline-start-color: <value> ; | Aplica border-inline-start-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-inherit | border-inline-end-color: inherit; | Aplica border-inline-end-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-current | border-inline-end-color: currentColor; | Aplica border-inline-end-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-transparent | border-inline-end-color: transparent; | Aplica border-inline-end-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-black | border-inline-end-color: var(--color-black); /* #000 */ | Aplica border-inline-end-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-white | border-inline-end-color: var(--color-white); /* #fff */ | Aplica border-inline-end-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-50 | border-inline-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-inline-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-100 | border-inline-end-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-inline-end-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-200 | border-inline-end-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-inline-end-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-300 | border-inline-end-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-inline-end-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-400 | border-inline-end-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-inline-end-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-500 | border-inline-end-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-inline-end-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-600 | border-inline-end-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-inline-end-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-700 | border-inline-end-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-inline-end-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-800 | border-inline-end-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-inline-end-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-900 | border-inline-end-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-inline-end-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-red-950 | border-inline-end-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-inline-end-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-50 | border-inline-end-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-inline-end-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-100 | border-inline-end-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-inline-end-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-200 | border-inline-end-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-inline-end-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-300 | border-inline-end-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-inline-end-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-400 | border-inline-end-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-inline-end-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-500 | border-inline-end-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-inline-end-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-600 | border-inline-end-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-inline-end-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-700 | border-inline-end-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-inline-end-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-800 | border-inline-end-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-inline-end-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-900 | border-inline-end-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-inline-end-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-orange-950 | border-inline-end-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-inline-end-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-50 | border-inline-end-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-inline-end-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-100 | border-inline-end-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-inline-end-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-200 | border-inline-end-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-inline-end-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-300 | border-inline-end-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-inline-end-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-400 | border-inline-end-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-inline-end-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-500 | border-inline-end-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-inline-end-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-600 | border-inline-end-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-inline-end-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-700 | border-inline-end-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-inline-end-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-800 | border-inline-end-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-inline-end-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-900 | border-inline-end-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-inline-end-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-amber-950 | border-inline-end-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-inline-end-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-50 | border-inline-end-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-inline-end-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-100 | border-inline-end-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-inline-end-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-200 | border-inline-end-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-inline-end-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-300 | border-inline-end-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-inline-end-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-400 | border-inline-end-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-inline-end-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-500 | border-inline-end-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-inline-end-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-600 | border-inline-end-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-inline-end-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-700 | border-inline-end-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-inline-end-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-800 | border-inline-end-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-inline-end-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-900 | border-inline-end-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-inline-end-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-yellow-950 | border-inline-end-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-inline-end-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-50 | border-inline-end-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-inline-end-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-100 | border-inline-end-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-inline-end-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-200 | border-inline-end-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-inline-end-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-300 | border-inline-end-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-inline-end-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-400 | border-inline-end-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-inline-end-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-500 | border-inline-end-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-inline-end-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-600 | border-inline-end-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-inline-end-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-700 | border-inline-end-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-inline-end-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-800 | border-inline-end-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-inline-end-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-900 | border-inline-end-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-inline-end-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-lime-950 | border-inline-end-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-inline-end-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-50 | border-inline-end-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-inline-end-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-100 | border-inline-end-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-inline-end-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-200 | border-inline-end-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-inline-end-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-300 | border-inline-end-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-inline-end-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-400 | border-inline-end-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-inline-end-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-500 | border-inline-end-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-inline-end-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-600 | border-inline-end-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-inline-end-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-700 | border-inline-end-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-inline-end-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-800 | border-inline-end-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-inline-end-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-900 | border-inline-end-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-inline-end-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-green-950 | border-inline-end-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-inline-end-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-50 | border-inline-end-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-inline-end-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-100 | border-inline-end-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-inline-end-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-200 | border-inline-end-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-inline-end-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-300 | border-inline-end-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-inline-end-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-400 | border-inline-end-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-inline-end-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-500 | border-inline-end-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-inline-end-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-600 | border-inline-end-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-inline-end-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-700 | border-inline-end-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-inline-end-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-800 | border-inline-end-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-inline-end-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-900 | border-inline-end-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-inline-end-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-emerald-950 | border-inline-end-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-inline-end-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-50 | border-inline-end-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-inline-end-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-100 | border-inline-end-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-inline-end-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-200 | border-inline-end-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-inline-end-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-300 | border-inline-end-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-inline-end-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-400 | border-inline-end-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-inline-end-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-500 | border-inline-end-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-inline-end-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-600 | border-inline-end-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-inline-end-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-700 | border-inline-end-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-inline-end-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-800 | border-inline-end-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-inline-end-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-900 | border-inline-end-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-inline-end-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-teal-950 | border-inline-end-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-inline-end-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-50 | border-inline-end-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-inline-end-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-100 | border-inline-end-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-inline-end-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-200 | border-inline-end-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-inline-end-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-300 | border-inline-end-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-inline-end-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-400 | border-inline-end-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-inline-end-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-500 | border-inline-end-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-inline-end-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-600 | border-inline-end-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-inline-end-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-700 | border-inline-end-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-inline-end-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-800 | border-inline-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-inline-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-900 | border-inline-end-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-inline-end-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-cyan-950 | border-inline-end-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-inline-end-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-50 | border-inline-end-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-inline-end-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-100 | border-inline-end-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-inline-end-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-200 | border-inline-end-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-inline-end-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-300 | border-inline-end-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-inline-end-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-400 | border-inline-end-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-inline-end-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-500 | border-inline-end-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-inline-end-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-600 | border-inline-end-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-inline-end-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-700 | border-inline-end-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-inline-end-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-800 | border-inline-end-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-inline-end-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-900 | border-inline-end-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-inline-end-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-sky-950 | border-inline-end-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-inline-end-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-50 | border-inline-end-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-inline-end-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-100 | border-inline-end-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-inline-end-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-200 | border-inline-end-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-inline-end-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-300 | border-inline-end-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-inline-end-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-400 | border-inline-end-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-inline-end-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-500 | border-inline-end-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-inline-end-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-600 | border-inline-end-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-inline-end-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-700 | border-inline-end-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-inline-end-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-800 | border-inline-end-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-inline-end-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-900 | border-inline-end-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-inline-end-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-blue-950 | border-inline-end-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-inline-end-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-50 | border-inline-end-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-inline-end-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-100 | border-inline-end-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-inline-end-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-200 | border-inline-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-inline-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-300 | border-inline-end-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-inline-end-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-400 | border-inline-end-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-inline-end-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-500 | border-inline-end-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-inline-end-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-600 | border-inline-end-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-inline-end-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-700 | border-inline-end-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-inline-end-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-800 | border-inline-end-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-inline-end-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-900 | border-inline-end-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-inline-end-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-indigo-950 | border-inline-end-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-inline-end-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-50 | border-inline-end-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-inline-end-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-100 | border-inline-end-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-inline-end-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-200 | border-inline-end-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-inline-end-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-300 | border-inline-end-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-inline-end-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-400 | border-inline-end-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-inline-end-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-500 | border-inline-end-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-inline-end-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-600 | border-inline-end-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-inline-end-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-700 | border-inline-end-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-inline-end-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-800 | border-inline-end-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-inline-end-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-900 | border-inline-end-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-inline-end-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-violet-950 | border-inline-end-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-inline-end-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-50 | border-inline-end-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-inline-end-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-100 | border-inline-end-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-inline-end-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-200 | border-inline-end-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-inline-end-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-300 | border-inline-end-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-inline-end-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-400 | border-inline-end-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-inline-end-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-500 | border-inline-end-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-inline-end-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-600 | border-inline-end-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-inline-end-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-700 | border-inline-end-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-inline-end-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-800 | border-inline-end-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-inline-end-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-900 | border-inline-end-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-inline-end-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-purple-950 | border-inline-end-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-inline-end-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-50 | border-inline-end-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-inline-end-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-100 | border-inline-end-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-inline-end-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-200 | border-inline-end-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-inline-end-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-300 | border-inline-end-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-inline-end-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-400 | border-inline-end-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-inline-end-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-500 | border-inline-end-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-inline-end-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-600 | border-inline-end-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-inline-end-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-700 | border-inline-end-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-inline-end-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-800 | border-inline-end-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-inline-end-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-900 | border-inline-end-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-inline-end-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-fuchsia-950 | border-inline-end-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-inline-end-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-50 | border-inline-end-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-inline-end-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-100 | border-inline-end-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-inline-end-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-200 | border-inline-end-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-inline-end-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-300 | border-inline-end-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-inline-end-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-400 | border-inline-end-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-inline-end-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-500 | border-inline-end-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-inline-end-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-600 | border-inline-end-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-inline-end-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-700 | border-inline-end-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-inline-end-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-800 | border-inline-end-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-inline-end-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-900 | border-inline-end-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-inline-end-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-pink-950 | border-inline-end-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-inline-end-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-50 | border-inline-end-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-inline-end-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-100 | border-inline-end-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-inline-end-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-200 | border-inline-end-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-inline-end-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-300 | border-inline-end-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-inline-end-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-400 | border-inline-end-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-inline-end-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-500 | border-inline-end-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-inline-end-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-600 | border-inline-end-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-inline-end-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-700 | border-inline-end-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-inline-end-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-800 | border-inline-end-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-inline-end-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-900 | border-inline-end-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-inline-end-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-rose-950 | border-inline-end-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-inline-end-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-50 | border-inline-end-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-inline-end-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-100 | border-inline-end-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-inline-end-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-200 | border-inline-end-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-inline-end-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-300 | border-inline-end-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-inline-end-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-400 | border-inline-end-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-inline-end-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-500 | border-inline-end-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-inline-end-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-600 | border-inline-end-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-inline-end-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-700 | border-inline-end-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-inline-end-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-800 | border-inline-end-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-inline-end-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-900 | border-inline-end-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-inline-end-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-slate-950 | border-inline-end-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-inline-end-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-50 | border-inline-end-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-inline-end-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-100 | border-inline-end-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-inline-end-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-200 | border-inline-end-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-inline-end-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-300 | border-inline-end-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-inline-end-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-400 | border-inline-end-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-inline-end-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-500 | border-inline-end-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-inline-end-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-600 | border-inline-end-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-inline-end-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-700 | border-inline-end-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-inline-end-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-800 | border-inline-end-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-inline-end-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-900 | border-inline-end-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-inline-end-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-gray-950 | border-inline-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-inline-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-50 | border-inline-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-100 | border-inline-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-inline-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-200 | border-inline-end-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-inline-end-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-300 | border-inline-end-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-inline-end-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-400 | border-inline-end-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-inline-end-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-500 | border-inline-end-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-inline-end-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-600 | border-inline-end-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-inline-end-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-700 | border-inline-end-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-inline-end-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-800 | border-inline-end-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-inline-end-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-900 | border-inline-end-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-inline-end-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-zinc-950 | border-inline-end-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-inline-end-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-50 | border-inline-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-100 | border-inline-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-200 | border-inline-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-300 | border-inline-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-400 | border-inline-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-500 | border-inline-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-600 | border-inline-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-700 | border-inline-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-800 | border-inline-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-900 | border-inline-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-neutral-950 | border-inline-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-inline-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-50 | border-inline-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-inline-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-100 | border-inline-end-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-inline-end-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-200 | border-inline-end-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-inline-end-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-300 | border-inline-end-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-inline-end-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-400 | border-inline-end-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-inline-end-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-500 | border-inline-end-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-inline-end-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-600 | border-inline-end-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-inline-end-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-700 | border-inline-end-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-inline-end-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-800 | border-inline-end-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-inline-end-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-900 | border-inline-end-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-inline-end-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-stone-950 | border-inline-end-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-inline-end-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-50 | border-inline-end-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-inline-end-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-100 | border-inline-end-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-inline-end-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-200 | border-inline-end-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-inline-end-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-300 | border-inline-end-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-inline-end-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-400 | border-inline-end-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-inline-end-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-500 | border-inline-end-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-inline-end-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-600 | border-inline-end-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-inline-end-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-700 | border-inline-end-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-inline-end-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-800 | border-inline-end-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-inline-end-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-900 | border-inline-end-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-inline-end-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mauve-950 | border-inline-end-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-inline-end-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-50 | border-inline-end-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-inline-end-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-100 | border-inline-end-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-inline-end-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-200 | border-inline-end-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-inline-end-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-300 | border-inline-end-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-inline-end-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-400 | border-inline-end-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-inline-end-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-500 | border-inline-end-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-inline-end-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-600 | border-inline-end-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-inline-end-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-700 | border-inline-end-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-inline-end-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-800 | border-inline-end-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-inline-end-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-900 | border-inline-end-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-inline-end-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-olive-950 | border-inline-end-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-inline-end-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-50 | border-inline-end-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-inline-end-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-100 | border-inline-end-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-inline-end-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-200 | border-inline-end-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-inline-end-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-300 | border-inline-end-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-inline-end-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-400 | border-inline-end-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-inline-end-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-500 | border-inline-end-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-inline-end-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-600 | border-inline-end-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-inline-end-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-700 | border-inline-end-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-inline-end-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-800 | border-inline-end-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-inline-end-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-900 | border-inline-end-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-inline-end-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-mist-950 | border-inline-end-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-inline-end-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-50 | border-inline-end-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-inline-end-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-100 | border-inline-end-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-inline-end-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-200 | border-inline-end-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-inline-end-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-300 | border-inline-end-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-inline-end-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-400 | border-inline-end-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-inline-end-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-500 | border-inline-end-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-inline-end-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-600 | border-inline-end-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-inline-end-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-700 | border-inline-end-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-inline-end-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-800 | border-inline-end-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-inline-end-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-900 | border-inline-end-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-inline-end-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-taupe-950 | border-inline-end-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-inline-end-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-( <custom-property> ) | border-inline-end-color: var( <custom-property> ); | Aplica border-inline-end-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-e-[ <value> ] | border-inline-end-color: <value> ; | Aplica border-inline-end-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-inherit | border-block-start-color: inherit; | Aplica border-block-start-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-current | border-block-start-color: currentColor; | Aplica border-block-start-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-transparent | border-block-start-color: transparent; | Aplica border-block-start-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-black | border-block-start-color: var(--color-black); /* #000 */ | Aplica border-block-start-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-white | border-block-start-color: var(--color-white); /* #fff */ | Aplica border-block-start-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-50 | border-block-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-block-start-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-100 | border-block-start-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-block-start-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-200 | border-block-start-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-block-start-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-300 | border-block-start-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-block-start-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-400 | border-block-start-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-block-start-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-500 | border-block-start-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-block-start-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-600 | border-block-start-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-block-start-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-700 | border-block-start-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-block-start-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-800 | border-block-start-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-block-start-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-900 | border-block-start-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-block-start-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-red-950 | border-block-start-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-block-start-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-50 | border-block-start-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-block-start-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-100 | border-block-start-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-block-start-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-200 | border-block-start-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-block-start-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-300 | border-block-start-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-block-start-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-400 | border-block-start-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-block-start-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-500 | border-block-start-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-block-start-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-600 | border-block-start-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-block-start-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-700 | border-block-start-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-block-start-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-800 | border-block-start-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-block-start-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-900 | border-block-start-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-block-start-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-orange-950 | border-block-start-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-block-start-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-50 | border-block-start-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-block-start-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-100 | border-block-start-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-block-start-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-200 | border-block-start-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-block-start-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-300 | border-block-start-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-block-start-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-400 | border-block-start-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-block-start-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-500 | border-block-start-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-block-start-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-600 | border-block-start-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-block-start-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-700 | border-block-start-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-block-start-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-800 | border-block-start-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-block-start-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-900 | border-block-start-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-block-start-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-amber-950 | border-block-start-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-block-start-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-50 | border-block-start-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-block-start-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-100 | border-block-start-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-block-start-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-200 | border-block-start-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-block-start-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-300 | border-block-start-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-block-start-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-400 | border-block-start-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-block-start-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-500 | border-block-start-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-block-start-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-600 | border-block-start-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-block-start-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-700 | border-block-start-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-block-start-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-800 | border-block-start-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-block-start-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-900 | border-block-start-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-block-start-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-yellow-950 | border-block-start-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-block-start-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-50 | border-block-start-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-block-start-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-100 | border-block-start-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-block-start-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-200 | border-block-start-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-block-start-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-300 | border-block-start-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-block-start-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-400 | border-block-start-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-block-start-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-500 | border-block-start-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-block-start-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-600 | border-block-start-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-block-start-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-700 | border-block-start-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-block-start-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-800 | border-block-start-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-block-start-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-900 | border-block-start-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-block-start-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-lime-950 | border-block-start-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-block-start-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-50 | border-block-start-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-block-start-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-100 | border-block-start-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-block-start-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-200 | border-block-start-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-block-start-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-300 | border-block-start-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-block-start-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-400 | border-block-start-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-block-start-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-500 | border-block-start-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-block-start-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-600 | border-block-start-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-block-start-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-700 | border-block-start-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-block-start-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-800 | border-block-start-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-block-start-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-900 | border-block-start-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-block-start-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-green-950 | border-block-start-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-block-start-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-50 | border-block-start-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-block-start-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-100 | border-block-start-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-block-start-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-200 | border-block-start-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-block-start-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-300 | border-block-start-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-block-start-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-400 | border-block-start-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-block-start-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-500 | border-block-start-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-block-start-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-600 | border-block-start-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-block-start-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-700 | border-block-start-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-block-start-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-800 | border-block-start-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-block-start-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-900 | border-block-start-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-block-start-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-emerald-950 | border-block-start-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-block-start-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-50 | border-block-start-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-block-start-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-100 | border-block-start-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-block-start-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-200 | border-block-start-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-block-start-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-300 | border-block-start-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-block-start-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-400 | border-block-start-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-block-start-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-500 | border-block-start-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-block-start-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-600 | border-block-start-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-block-start-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-700 | border-block-start-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-block-start-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-800 | border-block-start-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-block-start-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-900 | border-block-start-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-block-start-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-teal-950 | border-block-start-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-block-start-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-50 | border-block-start-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-block-start-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-100 | border-block-start-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-block-start-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-200 | border-block-start-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-block-start-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-300 | border-block-start-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-block-start-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-400 | border-block-start-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-block-start-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-500 | border-block-start-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-block-start-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-600 | border-block-start-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-block-start-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-700 | border-block-start-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-block-start-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-800 | border-block-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-block-start-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-900 | border-block-start-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-block-start-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-cyan-950 | border-block-start-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-block-start-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-50 | border-block-start-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-block-start-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-100 | border-block-start-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-block-start-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-200 | border-block-start-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-block-start-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-300 | border-block-start-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-block-start-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-400 | border-block-start-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-block-start-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-500 | border-block-start-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-block-start-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-600 | border-block-start-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-block-start-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-700 | border-block-start-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-block-start-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-800 | border-block-start-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-block-start-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-900 | border-block-start-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-block-start-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-sky-950 | border-block-start-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-block-start-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-50 | border-block-start-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-block-start-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-100 | border-block-start-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-block-start-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-200 | border-block-start-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-block-start-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-300 | border-block-start-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-block-start-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-400 | border-block-start-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-block-start-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-500 | border-block-start-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-block-start-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-600 | border-block-start-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-block-start-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-700 | border-block-start-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-block-start-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-800 | border-block-start-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-block-start-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-900 | border-block-start-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-block-start-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-blue-950 | border-block-start-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-block-start-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-50 | border-block-start-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-block-start-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-100 | border-block-start-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-block-start-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-200 | border-block-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-block-start-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-300 | border-block-start-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-block-start-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-400 | border-block-start-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-block-start-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-500 | border-block-start-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-block-start-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-600 | border-block-start-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-block-start-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-700 | border-block-start-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-block-start-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-800 | border-block-start-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-block-start-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-900 | border-block-start-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-block-start-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-indigo-950 | border-block-start-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-block-start-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-50 | border-block-start-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-block-start-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-100 | border-block-start-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-block-start-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-200 | border-block-start-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-block-start-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-300 | border-block-start-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-block-start-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-400 | border-block-start-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-block-start-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-500 | border-block-start-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-block-start-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-600 | border-block-start-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-block-start-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-700 | border-block-start-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-block-start-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-800 | border-block-start-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-block-start-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-900 | border-block-start-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-block-start-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-violet-950 | border-block-start-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-block-start-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-50 | border-block-start-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-block-start-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-100 | border-block-start-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-block-start-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-200 | border-block-start-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-block-start-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-300 | border-block-start-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-block-start-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-400 | border-block-start-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-block-start-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-500 | border-block-start-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-block-start-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-600 | border-block-start-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-block-start-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-700 | border-block-start-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-block-start-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-800 | border-block-start-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-block-start-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-900 | border-block-start-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-block-start-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-purple-950 | border-block-start-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-block-start-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-50 | border-block-start-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-block-start-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-100 | border-block-start-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-block-start-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-200 | border-block-start-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-block-start-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-300 | border-block-start-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-block-start-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-400 | border-block-start-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-block-start-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-500 | border-block-start-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-block-start-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-600 | border-block-start-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-block-start-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-700 | border-block-start-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-block-start-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-800 | border-block-start-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-block-start-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-900 | border-block-start-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-block-start-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-fuchsia-950 | border-block-start-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-block-start-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-50 | border-block-start-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-block-start-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-100 | border-block-start-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-block-start-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-200 | border-block-start-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-block-start-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-300 | border-block-start-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-block-start-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-400 | border-block-start-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-block-start-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-500 | border-block-start-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-block-start-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-600 | border-block-start-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-block-start-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-700 | border-block-start-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-block-start-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-800 | border-block-start-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-block-start-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-900 | border-block-start-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-block-start-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-pink-950 | border-block-start-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-block-start-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-50 | border-block-start-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-block-start-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-100 | border-block-start-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-block-start-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-200 | border-block-start-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-block-start-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-300 | border-block-start-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-block-start-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-400 | border-block-start-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-block-start-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-500 | border-block-start-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-block-start-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-600 | border-block-start-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-block-start-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-700 | border-block-start-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-block-start-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-800 | border-block-start-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-block-start-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-900 | border-block-start-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-block-start-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-rose-950 | border-block-start-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-block-start-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-50 | border-block-start-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-block-start-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-100 | border-block-start-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-block-start-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-200 | border-block-start-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-block-start-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-300 | border-block-start-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-block-start-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-400 | border-block-start-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-block-start-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-500 | border-block-start-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-block-start-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-600 | border-block-start-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-block-start-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-700 | border-block-start-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-block-start-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-800 | border-block-start-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-block-start-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-900 | border-block-start-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-block-start-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-slate-950 | border-block-start-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-block-start-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-50 | border-block-start-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-block-start-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-100 | border-block-start-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-block-start-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-200 | border-block-start-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-block-start-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-300 | border-block-start-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-block-start-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-400 | border-block-start-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-block-start-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-500 | border-block-start-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-block-start-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-600 | border-block-start-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-block-start-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-700 | border-block-start-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-block-start-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-800 | border-block-start-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-block-start-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-900 | border-block-start-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-block-start-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-gray-950 | border-block-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-block-start-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-50 | border-block-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-block-start-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-100 | border-block-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-block-start-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-200 | border-block-start-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-block-start-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-300 | border-block-start-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-block-start-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-400 | border-block-start-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-block-start-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-500 | border-block-start-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-block-start-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-600 | border-block-start-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-block-start-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-700 | border-block-start-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-block-start-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-800 | border-block-start-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-block-start-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-900 | border-block-start-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-block-start-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-zinc-950 | border-block-start-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-block-start-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-50 | border-block-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-100 | border-block-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-200 | border-block-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-300 | border-block-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-400 | border-block-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-500 | border-block-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-600 | border-block-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-700 | border-block-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-800 | border-block-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-900 | border-block-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-neutral-950 | border-block-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-block-start-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-50 | border-block-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-block-start-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-100 | border-block-start-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-block-start-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-200 | border-block-start-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-block-start-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-300 | border-block-start-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-block-start-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-400 | border-block-start-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-block-start-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-500 | border-block-start-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-block-start-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-600 | border-block-start-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-block-start-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-700 | border-block-start-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-block-start-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-800 | border-block-start-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-block-start-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-900 | border-block-start-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-block-start-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-stone-950 | border-block-start-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-block-start-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-50 | border-block-start-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-block-start-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-100 | border-block-start-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-block-start-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-200 | border-block-start-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-block-start-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-300 | border-block-start-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-block-start-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-400 | border-block-start-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-block-start-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-500 | border-block-start-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-block-start-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-600 | border-block-start-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-block-start-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-700 | border-block-start-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-block-start-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-800 | border-block-start-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-block-start-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-900 | border-block-start-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-block-start-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mauve-950 | border-block-start-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-block-start-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-50 | border-block-start-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-block-start-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-100 | border-block-start-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-block-start-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-200 | border-block-start-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-block-start-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-300 | border-block-start-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-block-start-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-400 | border-block-start-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-block-start-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-500 | border-block-start-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-block-start-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-600 | border-block-start-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-block-start-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-700 | border-block-start-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-block-start-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-800 | border-block-start-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-block-start-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-900 | border-block-start-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-block-start-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-olive-950 | border-block-start-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-block-start-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-50 | border-block-start-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-block-start-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-100 | border-block-start-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-block-start-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-200 | border-block-start-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-block-start-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-300 | border-block-start-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-block-start-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-400 | border-block-start-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-block-start-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-500 | border-block-start-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-block-start-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-600 | border-block-start-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-block-start-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-700 | border-block-start-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-block-start-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-800 | border-block-start-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-block-start-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-900 | border-block-start-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-block-start-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-mist-950 | border-block-start-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-block-start-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-50 | border-block-start-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-block-start-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-100 | border-block-start-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-block-start-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-200 | border-block-start-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-block-start-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-300 | border-block-start-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-block-start-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-400 | border-block-start-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-block-start-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-500 | border-block-start-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-block-start-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-600 | border-block-start-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-block-start-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-700 | border-block-start-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-block-start-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-800 | border-block-start-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-block-start-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-900 | border-block-start-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-block-start-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-taupe-950 | border-block-start-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-block-start-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-( <custom-property> ) | border-block-start-color: var( <custom-property> ); | Aplica border-block-start-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-bs-[ <value> ] | border-block-start-color: <value> ; | Aplica border-block-start-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-inherit | border-block-end-color: inherit; | Aplica border-block-end-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-current | border-block-end-color: currentColor; | Aplica border-block-end-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-transparent | border-block-end-color: transparent; | Aplica border-block-end-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-black | border-block-end-color: var(--color-black); /* #000 */ | Aplica border-block-end-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-white | border-block-end-color: var(--color-white); /* #fff */ | Aplica border-block-end-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-50 | border-block-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-block-end-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-100 | border-block-end-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-block-end-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-200 | border-block-end-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-block-end-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-300 | border-block-end-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-block-end-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-400 | border-block-end-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-block-end-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-500 | border-block-end-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-block-end-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-600 | border-block-end-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-block-end-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-700 | border-block-end-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-block-end-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-800 | border-block-end-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-block-end-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-900 | border-block-end-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-block-end-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-red-950 | border-block-end-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-block-end-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-50 | border-block-end-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-block-end-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-100 | border-block-end-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-block-end-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-200 | border-block-end-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-block-end-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-300 | border-block-end-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-block-end-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-400 | border-block-end-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-block-end-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-500 | border-block-end-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-block-end-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-600 | border-block-end-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-block-end-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-700 | border-block-end-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-block-end-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-800 | border-block-end-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-block-end-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-900 | border-block-end-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-block-end-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-orange-950 | border-block-end-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-block-end-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-50 | border-block-end-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-block-end-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-100 | border-block-end-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-block-end-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-200 | border-block-end-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-block-end-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-300 | border-block-end-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-block-end-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-400 | border-block-end-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-block-end-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-500 | border-block-end-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-block-end-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-600 | border-block-end-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-block-end-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-700 | border-block-end-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-block-end-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-800 | border-block-end-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-block-end-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-900 | border-block-end-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-block-end-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-amber-950 | border-block-end-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-block-end-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-50 | border-block-end-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-block-end-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-100 | border-block-end-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-block-end-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-200 | border-block-end-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-block-end-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-300 | border-block-end-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-block-end-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-400 | border-block-end-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-block-end-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-500 | border-block-end-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-block-end-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-600 | border-block-end-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-block-end-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-700 | border-block-end-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-block-end-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-800 | border-block-end-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-block-end-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-900 | border-block-end-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-block-end-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-yellow-950 | border-block-end-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-block-end-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-50 | border-block-end-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-block-end-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-100 | border-block-end-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-block-end-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-200 | border-block-end-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-block-end-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-300 | border-block-end-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-block-end-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-400 | border-block-end-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-block-end-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-500 | border-block-end-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-block-end-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-600 | border-block-end-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-block-end-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-700 | border-block-end-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-block-end-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-800 | border-block-end-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-block-end-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-900 | border-block-end-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-block-end-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-lime-950 | border-block-end-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-block-end-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-50 | border-block-end-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-block-end-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-100 | border-block-end-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-block-end-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-200 | border-block-end-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-block-end-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-300 | border-block-end-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-block-end-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-400 | border-block-end-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-block-end-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-500 | border-block-end-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-block-end-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-600 | border-block-end-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-block-end-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-700 | border-block-end-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-block-end-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-800 | border-block-end-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-block-end-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-900 | border-block-end-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-block-end-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-green-950 | border-block-end-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-block-end-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-50 | border-block-end-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-block-end-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-100 | border-block-end-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-block-end-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-200 | border-block-end-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-block-end-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-300 | border-block-end-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-block-end-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-400 | border-block-end-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-block-end-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-500 | border-block-end-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-block-end-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-600 | border-block-end-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-block-end-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-700 | border-block-end-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-block-end-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-800 | border-block-end-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-block-end-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-900 | border-block-end-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-block-end-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-emerald-950 | border-block-end-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-block-end-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-50 | border-block-end-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-block-end-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-100 | border-block-end-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-block-end-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-200 | border-block-end-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-block-end-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-300 | border-block-end-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-block-end-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-400 | border-block-end-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-block-end-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-500 | border-block-end-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-block-end-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-600 | border-block-end-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-block-end-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-700 | border-block-end-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-block-end-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-800 | border-block-end-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-block-end-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-900 | border-block-end-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-block-end-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-teal-950 | border-block-end-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-block-end-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-50 | border-block-end-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-block-end-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-100 | border-block-end-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-block-end-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-200 | border-block-end-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-block-end-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-300 | border-block-end-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-block-end-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-400 | border-block-end-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-block-end-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-500 | border-block-end-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-block-end-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-600 | border-block-end-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-block-end-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-700 | border-block-end-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-block-end-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-800 | border-block-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-block-end-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-900 | border-block-end-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-block-end-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-cyan-950 | border-block-end-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-block-end-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-50 | border-block-end-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-block-end-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-100 | border-block-end-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-block-end-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-200 | border-block-end-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-block-end-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-300 | border-block-end-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-block-end-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-400 | border-block-end-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-block-end-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-500 | border-block-end-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-block-end-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-600 | border-block-end-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-block-end-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-700 | border-block-end-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-block-end-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-800 | border-block-end-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-block-end-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-900 | border-block-end-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-block-end-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-sky-950 | border-block-end-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-block-end-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-50 | border-block-end-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-block-end-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-100 | border-block-end-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-block-end-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-200 | border-block-end-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-block-end-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-300 | border-block-end-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-block-end-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-400 | border-block-end-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-block-end-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-500 | border-block-end-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-block-end-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-600 | border-block-end-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-block-end-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-700 | border-block-end-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-block-end-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-800 | border-block-end-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-block-end-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-900 | border-block-end-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-block-end-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-blue-950 | border-block-end-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-block-end-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-50 | border-block-end-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-block-end-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-100 | border-block-end-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-block-end-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-200 | border-block-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-block-end-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-300 | border-block-end-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-block-end-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-400 | border-block-end-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-block-end-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-500 | border-block-end-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-block-end-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-600 | border-block-end-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-block-end-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-700 | border-block-end-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-block-end-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-800 | border-block-end-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-block-end-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-900 | border-block-end-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-block-end-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-indigo-950 | border-block-end-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-block-end-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-50 | border-block-end-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-block-end-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-100 | border-block-end-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-block-end-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-200 | border-block-end-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-block-end-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-300 | border-block-end-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-block-end-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-400 | border-block-end-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-block-end-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-500 | border-block-end-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-block-end-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-600 | border-block-end-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-block-end-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-700 | border-block-end-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-block-end-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-800 | border-block-end-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-block-end-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-900 | border-block-end-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-block-end-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-violet-950 | border-block-end-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-block-end-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-50 | border-block-end-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-block-end-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-100 | border-block-end-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-block-end-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-200 | border-block-end-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-block-end-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-300 | border-block-end-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-block-end-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-400 | border-block-end-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-block-end-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-500 | border-block-end-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-block-end-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-600 | border-block-end-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-block-end-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-700 | border-block-end-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-block-end-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-800 | border-block-end-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-block-end-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-900 | border-block-end-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-block-end-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-purple-950 | border-block-end-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-block-end-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-50 | border-block-end-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-block-end-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-100 | border-block-end-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-block-end-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-200 | border-block-end-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-block-end-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-300 | border-block-end-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-block-end-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-400 | border-block-end-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-block-end-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-500 | border-block-end-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-block-end-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-600 | border-block-end-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-block-end-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-700 | border-block-end-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-block-end-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-800 | border-block-end-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-block-end-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-900 | border-block-end-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-block-end-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-fuchsia-950 | border-block-end-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-block-end-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-50 | border-block-end-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-block-end-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-100 | border-block-end-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-block-end-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-200 | border-block-end-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-block-end-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-300 | border-block-end-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-block-end-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-400 | border-block-end-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-block-end-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-500 | border-block-end-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-block-end-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-600 | border-block-end-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-block-end-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-700 | border-block-end-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-block-end-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-800 | border-block-end-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-block-end-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-900 | border-block-end-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-block-end-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-pink-950 | border-block-end-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-block-end-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-50 | border-block-end-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-block-end-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-100 | border-block-end-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-block-end-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-200 | border-block-end-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-block-end-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-300 | border-block-end-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-block-end-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-400 | border-block-end-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-block-end-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-500 | border-block-end-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-block-end-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-600 | border-block-end-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-block-end-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-700 | border-block-end-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-block-end-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-800 | border-block-end-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-block-end-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-900 | border-block-end-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-block-end-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-rose-950 | border-block-end-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-block-end-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-50 | border-block-end-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-block-end-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-100 | border-block-end-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-block-end-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-200 | border-block-end-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-block-end-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-300 | border-block-end-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-block-end-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-400 | border-block-end-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-block-end-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-500 | border-block-end-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-block-end-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-600 | border-block-end-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-block-end-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-700 | border-block-end-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-block-end-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-800 | border-block-end-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-block-end-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-900 | border-block-end-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-block-end-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-slate-950 | border-block-end-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-block-end-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-50 | border-block-end-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-block-end-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-100 | border-block-end-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-block-end-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-200 | border-block-end-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-block-end-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-300 | border-block-end-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-block-end-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-400 | border-block-end-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-block-end-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-500 | border-block-end-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-block-end-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-600 | border-block-end-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-block-end-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-700 | border-block-end-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-block-end-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-800 | border-block-end-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-block-end-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-900 | border-block-end-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-block-end-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-gray-950 | border-block-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-block-end-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-50 | border-block-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-block-end-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-100 | border-block-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-block-end-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-200 | border-block-end-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-block-end-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-300 | border-block-end-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-block-end-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-400 | border-block-end-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-block-end-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-500 | border-block-end-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-block-end-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-600 | border-block-end-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-block-end-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-700 | border-block-end-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-block-end-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-800 | border-block-end-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-block-end-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-900 | border-block-end-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-block-end-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-zinc-950 | border-block-end-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-block-end-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-50 | border-block-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-100 | border-block-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-200 | border-block-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-300 | border-block-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-400 | border-block-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-500 | border-block-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-600 | border-block-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-700 | border-block-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-800 | border-block-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-900 | border-block-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-neutral-950 | border-block-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-block-end-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-50 | border-block-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-block-end-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-100 | border-block-end-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-block-end-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-200 | border-block-end-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-block-end-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-300 | border-block-end-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-block-end-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-400 | border-block-end-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-block-end-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-500 | border-block-end-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-block-end-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-600 | border-block-end-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-block-end-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-700 | border-block-end-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-block-end-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-800 | border-block-end-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-block-end-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-900 | border-block-end-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-block-end-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-stone-950 | border-block-end-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-block-end-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-50 | border-block-end-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-block-end-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-100 | border-block-end-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-block-end-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-200 | border-block-end-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-block-end-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-300 | border-block-end-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-block-end-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-400 | border-block-end-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-block-end-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-500 | border-block-end-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-block-end-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-600 | border-block-end-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-block-end-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-700 | border-block-end-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-block-end-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-800 | border-block-end-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-block-end-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-900 | border-block-end-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-block-end-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mauve-950 | border-block-end-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-block-end-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-50 | border-block-end-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-block-end-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-100 | border-block-end-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-block-end-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-200 | border-block-end-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-block-end-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-300 | border-block-end-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-block-end-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-400 | border-block-end-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-block-end-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-500 | border-block-end-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-block-end-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-600 | border-block-end-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-block-end-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-700 | border-block-end-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-block-end-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-800 | border-block-end-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-block-end-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-900 | border-block-end-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-block-end-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-olive-950 | border-block-end-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-block-end-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-50 | border-block-end-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-block-end-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-100 | border-block-end-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-block-end-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-200 | border-block-end-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-block-end-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-300 | border-block-end-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-block-end-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-400 | border-block-end-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-block-end-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-500 | border-block-end-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-block-end-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-600 | border-block-end-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-block-end-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-700 | border-block-end-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-block-end-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-800 | border-block-end-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-block-end-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-900 | border-block-end-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-block-end-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-mist-950 | border-block-end-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-block-end-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-50 | border-block-end-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-block-end-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-100 | border-block-end-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-block-end-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-200 | border-block-end-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-block-end-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-300 | border-block-end-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-block-end-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-400 | border-block-end-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-block-end-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-500 | border-block-end-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-block-end-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-600 | border-block-end-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-block-end-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-700 | border-block-end-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-block-end-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-800 | border-block-end-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-block-end-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-900 | border-block-end-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-block-end-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-taupe-950 | border-block-end-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-block-end-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-( <custom-property> ) | border-block-end-color: var( <custom-property> ); | Aplica border-block-end-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-be-[ <value> ] | border-block-end-color: <value> ; | Aplica border-block-end-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-inherit | border-top-color: inherit; | Aplica border-top-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-current | border-top-color: currentColor; | Aplica border-top-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-transparent | border-top-color: transparent; | Aplica border-top-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-black | border-top-color: var(--color-black); /* #000 */ | Aplica border-top-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-white | border-top-color: var(--color-white); /* #fff */ | Aplica border-top-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-50 | border-top-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-top-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-100 | border-top-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-top-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-200 | border-top-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-top-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-300 | border-top-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-top-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-400 | border-top-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-top-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-500 | border-top-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-top-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-600 | border-top-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-top-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-700 | border-top-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-top-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-800 | border-top-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-top-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-900 | border-top-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-top-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-red-950 | border-top-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-top-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-50 | border-top-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-top-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-100 | border-top-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-top-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-200 | border-top-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-top-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-300 | border-top-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-top-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-400 | border-top-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-top-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-500 | border-top-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-top-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-600 | border-top-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-top-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-700 | border-top-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-top-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-800 | border-top-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-top-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-900 | border-top-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-top-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-orange-950 | border-top-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-top-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-50 | border-top-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-top-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-100 | border-top-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-top-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-200 | border-top-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-top-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-300 | border-top-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-top-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-400 | border-top-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-top-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-500 | border-top-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-top-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-600 | border-top-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-top-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-700 | border-top-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-top-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-800 | border-top-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-top-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-900 | border-top-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-top-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-amber-950 | border-top-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-top-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-50 | border-top-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-top-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-100 | border-top-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-top-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-200 | border-top-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-top-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-300 | border-top-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-top-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-400 | border-top-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-top-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-500 | border-top-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-top-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-600 | border-top-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-top-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-700 | border-top-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-top-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-800 | border-top-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-top-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-900 | border-top-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-top-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-yellow-950 | border-top-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-top-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-50 | border-top-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-top-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-100 | border-top-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-top-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-200 | border-top-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-top-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-300 | border-top-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-top-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-400 | border-top-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-top-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-500 | border-top-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-top-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-600 | border-top-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-top-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-700 | border-top-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-top-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-800 | border-top-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-top-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-900 | border-top-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-top-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-lime-950 | border-top-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-top-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-50 | border-top-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-top-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-100 | border-top-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-top-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-200 | border-top-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-top-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-300 | border-top-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-top-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-400 | border-top-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-top-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-500 | border-top-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-top-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-600 | border-top-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-top-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-700 | border-top-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-top-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-800 | border-top-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-top-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-900 | border-top-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-top-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-green-950 | border-top-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-top-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-50 | border-top-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-top-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-100 | border-top-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-top-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-200 | border-top-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-top-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-300 | border-top-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-top-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-400 | border-top-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-top-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-500 | border-top-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-top-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-600 | border-top-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-top-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-700 | border-top-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-top-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-800 | border-top-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-top-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-900 | border-top-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-top-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-emerald-950 | border-top-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-top-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-50 | border-top-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-top-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-100 | border-top-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-top-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-200 | border-top-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-top-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-300 | border-top-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-top-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-400 | border-top-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-top-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-500 | border-top-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-top-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-600 | border-top-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-top-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-700 | border-top-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-top-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-800 | border-top-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-top-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-900 | border-top-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-top-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-teal-950 | border-top-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-top-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-50 | border-top-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-top-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-100 | border-top-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-top-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-200 | border-top-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-top-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-300 | border-top-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-top-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-400 | border-top-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-top-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-500 | border-top-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-top-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-600 | border-top-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-top-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-700 | border-top-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-top-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-800 | border-top-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-top-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-900 | border-top-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-top-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-cyan-950 | border-top-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-top-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-50 | border-top-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-top-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-100 | border-top-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-top-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-200 | border-top-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-top-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-300 | border-top-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-top-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-400 | border-top-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-top-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-500 | border-top-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-top-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-600 | border-top-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-top-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-700 | border-top-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-top-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-800 | border-top-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-top-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-900 | border-top-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-top-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-sky-950 | border-top-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-top-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-50 | border-top-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-top-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-100 | border-top-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-top-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-200 | border-top-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-top-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-300 | border-top-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-top-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-400 | border-top-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-top-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-500 | border-top-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-top-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-600 | border-top-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-top-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-700 | border-top-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-top-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-800 | border-top-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-top-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-900 | border-top-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-top-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-blue-950 | border-top-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-top-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-50 | border-top-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-top-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-100 | border-top-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-top-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-200 | border-top-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-top-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-300 | border-top-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-top-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-400 | border-top-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-top-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-500 | border-top-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-top-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-600 | border-top-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-top-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-700 | border-top-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-top-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-800 | border-top-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-top-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-900 | border-top-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-top-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-indigo-950 | border-top-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-top-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-50 | border-top-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-top-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-100 | border-top-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-top-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-200 | border-top-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-top-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-300 | border-top-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-top-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-400 | border-top-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-top-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-500 | border-top-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-top-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-600 | border-top-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-top-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-700 | border-top-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-top-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-800 | border-top-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-top-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-900 | border-top-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-top-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-violet-950 | border-top-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-top-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-50 | border-top-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-top-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-100 | border-top-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-top-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-200 | border-top-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-top-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-300 | border-top-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-top-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-400 | border-top-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-top-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-500 | border-top-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-top-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-600 | border-top-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-top-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-700 | border-top-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-top-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-800 | border-top-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-top-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-900 | border-top-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-top-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-purple-950 | border-top-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-top-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-50 | border-top-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-top-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-100 | border-top-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-top-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-200 | border-top-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-top-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-300 | border-top-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-top-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-400 | border-top-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-top-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-500 | border-top-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-top-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-600 | border-top-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-top-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-700 | border-top-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-top-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-800 | border-top-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-top-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-900 | border-top-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-top-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-fuchsia-950 | border-top-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-top-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-50 | border-top-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-top-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-100 | border-top-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-top-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-200 | border-top-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-top-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-300 | border-top-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-top-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-400 | border-top-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-top-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-500 | border-top-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-top-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-600 | border-top-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-top-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-700 | border-top-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-top-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-800 | border-top-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-top-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-900 | border-top-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-top-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-pink-950 | border-top-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-top-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-50 | border-top-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-top-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-100 | border-top-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-top-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-200 | border-top-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-top-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-300 | border-top-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-top-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-400 | border-top-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-top-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-500 | border-top-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-top-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-600 | border-top-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-top-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-700 | border-top-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-top-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-800 | border-top-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-top-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-900 | border-top-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-top-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-rose-950 | border-top-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-top-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-50 | border-top-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-top-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-100 | border-top-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-top-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-200 | border-top-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-top-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-300 | border-top-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-top-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-400 | border-top-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-top-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-500 | border-top-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-top-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-600 | border-top-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-top-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-700 | border-top-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-top-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-800 | border-top-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-top-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-900 | border-top-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-top-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-slate-950 | border-top-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-top-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-50 | border-top-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-top-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-100 | border-top-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-top-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-200 | border-top-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-top-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-300 | border-top-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-top-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-400 | border-top-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-top-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-500 | border-top-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-top-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-600 | border-top-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-top-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-700 | border-top-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-top-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-800 | border-top-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-top-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-900 | border-top-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-top-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-gray-950 | border-top-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-top-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-50 | border-top-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-top-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-100 | border-top-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-top-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-200 | border-top-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-top-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-300 | border-top-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-top-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-400 | border-top-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-top-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-500 | border-top-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-top-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-600 | border-top-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-top-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-700 | border-top-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-top-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-800 | border-top-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-top-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-900 | border-top-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-top-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-zinc-950 | border-top-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-top-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-50 | border-top-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-top-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-100 | border-top-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-top-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-200 | border-top-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-top-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-300 | border-top-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-top-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-400 | border-top-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-top-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-500 | border-top-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-top-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-600 | border-top-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-top-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-700 | border-top-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-top-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-800 | border-top-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-top-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-900 | border-top-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-top-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-neutral-950 | border-top-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-top-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-50 | border-top-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-top-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-100 | border-top-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-top-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-200 | border-top-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-top-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-300 | border-top-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-top-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-400 | border-top-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-top-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-500 | border-top-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-top-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-600 | border-top-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-top-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-700 | border-top-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-top-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-800 | border-top-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-top-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-900 | border-top-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-top-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-stone-950 | border-top-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-top-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-50 | border-top-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-top-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-100 | border-top-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-top-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-200 | border-top-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-top-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-300 | border-top-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-top-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-400 | border-top-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-top-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-500 | border-top-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-top-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-600 | border-top-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-top-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-700 | border-top-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-top-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-800 | border-top-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-top-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-900 | border-top-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-top-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mauve-950 | border-top-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-top-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-50 | border-top-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-top-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-100 | border-top-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-top-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-200 | border-top-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-top-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-300 | border-top-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-top-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-400 | border-top-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-top-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-500 | border-top-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-top-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-600 | border-top-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-top-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-700 | border-top-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-top-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-800 | border-top-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-top-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-900 | border-top-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-top-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-olive-950 | border-top-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-top-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-50 | border-top-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-top-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-100 | border-top-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-top-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-200 | border-top-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-top-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-300 | border-top-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-top-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-400 | border-top-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-top-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-500 | border-top-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-top-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-600 | border-top-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-top-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-700 | border-top-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-top-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-800 | border-top-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-top-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-900 | border-top-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-top-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-mist-950 | border-top-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-top-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-50 | border-top-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-top-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-100 | border-top-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-top-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-200 | border-top-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-top-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-300 | border-top-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-top-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-400 | border-top-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-top-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-500 | border-top-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-top-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-600 | border-top-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-top-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-700 | border-top-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-top-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-800 | border-top-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-top-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-900 | border-top-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-top-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-taupe-950 | border-top-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-top-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-( <custom-property> ) | border-top-color: var( <custom-property> ); | Aplica border-top-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-t-[ <value> ] | border-top-color: <value> ; | Aplica border-top-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-inherit | border-right-color: inherit; | Aplica border-right-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-current | border-right-color: currentColor; | Aplica border-right-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-transparent | border-right-color: transparent; | Aplica border-right-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-black | border-right-color: var(--color-black); /* #000 */ | Aplica border-right-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-white | border-right-color: var(--color-white); /* #fff */ | Aplica border-right-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-50 | border-right-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-right-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-100 | border-right-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-right-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-200 | border-right-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-right-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-300 | border-right-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-right-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-400 | border-right-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-right-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-500 | border-right-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-right-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-600 | border-right-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-right-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-700 | border-right-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-right-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-800 | border-right-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-right-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-900 | border-right-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-right-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-red-950 | border-right-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-right-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-50 | border-right-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-right-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-100 | border-right-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-right-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-200 | border-right-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-right-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-300 | border-right-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-right-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-400 | border-right-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-right-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-500 | border-right-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-right-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-600 | border-right-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-right-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-700 | border-right-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-right-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-800 | border-right-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-right-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-900 | border-right-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-right-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-orange-950 | border-right-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-right-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-50 | border-right-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-right-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-100 | border-right-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-right-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-200 | border-right-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-right-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-300 | border-right-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-right-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-400 | border-right-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-right-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-500 | border-right-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-right-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-600 | border-right-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-right-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-700 | border-right-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-right-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-800 | border-right-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-right-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-900 | border-right-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-right-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-amber-950 | border-right-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-right-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-50 | border-right-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-right-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-100 | border-right-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-right-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-200 | border-right-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-right-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-300 | border-right-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-right-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-400 | border-right-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-right-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-500 | border-right-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-right-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-600 | border-right-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-right-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-700 | border-right-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-right-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-800 | border-right-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-right-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-900 | border-right-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-right-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-yellow-950 | border-right-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-right-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-50 | border-right-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-right-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-100 | border-right-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-right-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-200 | border-right-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-right-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-300 | border-right-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-right-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-400 | border-right-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-right-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-500 | border-right-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-right-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-600 | border-right-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-right-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-700 | border-right-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-right-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-800 | border-right-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-right-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-900 | border-right-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-right-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-lime-950 | border-right-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-right-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-50 | border-right-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-right-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-100 | border-right-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-right-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-200 | border-right-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-right-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-300 | border-right-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-right-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-400 | border-right-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-right-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-500 | border-right-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-right-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-600 | border-right-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-right-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-700 | border-right-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-right-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-800 | border-right-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-right-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-900 | border-right-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-right-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-green-950 | border-right-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-right-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-50 | border-right-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-right-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-100 | border-right-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-right-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-200 | border-right-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-right-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-300 | border-right-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-right-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-400 | border-right-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-right-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-500 | border-right-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-right-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-600 | border-right-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-right-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-700 | border-right-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-right-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-800 | border-right-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-right-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-900 | border-right-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-right-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-emerald-950 | border-right-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-right-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-50 | border-right-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-right-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-100 | border-right-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-right-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-200 | border-right-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-right-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-300 | border-right-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-right-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-400 | border-right-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-right-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-500 | border-right-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-right-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-600 | border-right-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-right-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-700 | border-right-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-right-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-800 | border-right-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-right-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-900 | border-right-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-right-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-teal-950 | border-right-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-right-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-50 | border-right-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-right-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-100 | border-right-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-right-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-200 | border-right-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-right-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-300 | border-right-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-right-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-400 | border-right-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-right-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-500 | border-right-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-right-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-600 | border-right-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-right-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-700 | border-right-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-right-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-800 | border-right-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-right-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-900 | border-right-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-right-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-cyan-950 | border-right-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-right-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-50 | border-right-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-right-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-100 | border-right-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-right-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-200 | border-right-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-right-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-300 | border-right-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-right-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-400 | border-right-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-right-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-500 | border-right-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-right-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-600 | border-right-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-right-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-700 | border-right-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-right-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-800 | border-right-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-right-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-900 | border-right-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-right-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-sky-950 | border-right-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-right-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-50 | border-right-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-right-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-100 | border-right-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-right-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-200 | border-right-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-right-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-300 | border-right-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-right-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-400 | border-right-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-right-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-500 | border-right-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-right-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-600 | border-right-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-right-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-700 | border-right-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-right-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-800 | border-right-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-right-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-900 | border-right-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-right-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-blue-950 | border-right-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-right-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-50 | border-right-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-right-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-100 | border-right-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-right-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-200 | border-right-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-right-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-300 | border-right-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-right-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-400 | border-right-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-right-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-500 | border-right-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-right-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-600 | border-right-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-right-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-700 | border-right-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-right-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-800 | border-right-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-right-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-900 | border-right-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-right-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-indigo-950 | border-right-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-right-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-50 | border-right-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-right-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-100 | border-right-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-right-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-200 | border-right-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-right-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-300 | border-right-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-right-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-400 | border-right-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-right-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-500 | border-right-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-right-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-600 | border-right-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-right-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-700 | border-right-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-right-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-800 | border-right-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-right-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-900 | border-right-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-right-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-violet-950 | border-right-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-right-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-50 | border-right-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-right-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-100 | border-right-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-right-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-200 | border-right-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-right-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-300 | border-right-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-right-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-400 | border-right-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-right-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-500 | border-right-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-right-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-600 | border-right-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-right-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-700 | border-right-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-right-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-800 | border-right-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-right-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-900 | border-right-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-right-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-purple-950 | border-right-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-right-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-50 | border-right-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-right-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-100 | border-right-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-right-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-200 | border-right-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-right-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-300 | border-right-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-right-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-400 | border-right-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-right-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-500 | border-right-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-right-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-600 | border-right-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-right-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-700 | border-right-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-right-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-800 | border-right-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-right-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-900 | border-right-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-right-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-fuchsia-950 | border-right-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-right-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-50 | border-right-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-right-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-100 | border-right-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-right-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-200 | border-right-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-right-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-300 | border-right-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-right-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-400 | border-right-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-right-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-500 | border-right-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-right-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-600 | border-right-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-right-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-700 | border-right-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-right-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-800 | border-right-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-right-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-900 | border-right-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-right-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-pink-950 | border-right-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-right-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-50 | border-right-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-right-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-100 | border-right-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-right-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-200 | border-right-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-right-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-300 | border-right-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-right-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-400 | border-right-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-right-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-500 | border-right-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-right-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-600 | border-right-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-right-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-700 | border-right-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-right-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-800 | border-right-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-right-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-900 | border-right-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-right-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-rose-950 | border-right-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-right-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-50 | border-right-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-right-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-100 | border-right-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-right-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-200 | border-right-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-right-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-300 | border-right-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-right-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-400 | border-right-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-right-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-500 | border-right-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-right-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-600 | border-right-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-right-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-700 | border-right-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-right-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-800 | border-right-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-right-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-900 | border-right-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-right-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-slate-950 | border-right-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-right-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-50 | border-right-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-right-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-100 | border-right-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-right-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-200 | border-right-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-right-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-300 | border-right-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-right-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-400 | border-right-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-right-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-500 | border-right-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-right-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-600 | border-right-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-right-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-700 | border-right-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-right-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-800 | border-right-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-right-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-900 | border-right-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-right-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-gray-950 | border-right-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-right-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-50 | border-right-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-right-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-100 | border-right-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-right-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-200 | border-right-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-right-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-300 | border-right-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-right-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-400 | border-right-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-right-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-500 | border-right-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-right-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-600 | border-right-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-right-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-700 | border-right-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-right-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-800 | border-right-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-right-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-900 | border-right-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-right-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-zinc-950 | border-right-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-right-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-50 | border-right-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-right-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-100 | border-right-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-right-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-200 | border-right-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-right-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-300 | border-right-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-right-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-400 | border-right-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-right-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-500 | border-right-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-right-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-600 | border-right-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-right-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-700 | border-right-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-right-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-800 | border-right-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-right-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-900 | border-right-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-right-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-neutral-950 | border-right-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-right-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-50 | border-right-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-right-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-100 | border-right-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-right-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-200 | border-right-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-right-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-300 | border-right-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-right-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-400 | border-right-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-right-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-500 | border-right-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-right-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-600 | border-right-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-right-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-700 | border-right-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-right-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-800 | border-right-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-right-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-900 | border-right-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-right-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-stone-950 | border-right-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-right-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-50 | border-right-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-right-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-100 | border-right-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-right-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-200 | border-right-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-right-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-300 | border-right-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-right-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-400 | border-right-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-right-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-500 | border-right-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-right-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-600 | border-right-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-right-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-700 | border-right-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-right-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-800 | border-right-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-right-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-900 | border-right-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-right-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mauve-950 | border-right-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-right-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-50 | border-right-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-right-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-100 | border-right-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-right-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-200 | border-right-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-right-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-300 | border-right-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-right-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-400 | border-right-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-right-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-500 | border-right-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-right-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-600 | border-right-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-right-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-700 | border-right-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-right-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-800 | border-right-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-right-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-900 | border-right-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-right-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-olive-950 | border-right-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-right-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-50 | border-right-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-right-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-100 | border-right-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-right-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-200 | border-right-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-right-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-300 | border-right-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-right-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-400 | border-right-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-right-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-500 | border-right-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-right-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-600 | border-right-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-right-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-700 | border-right-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-right-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-800 | border-right-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-right-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-900 | border-right-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-right-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-mist-950 | border-right-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-right-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-50 | border-right-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-right-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-100 | border-right-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-right-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-200 | border-right-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-right-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-300 | border-right-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-right-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-400 | border-right-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-right-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-500 | border-right-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-right-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-600 | border-right-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-right-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-700 | border-right-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-right-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-800 | border-right-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-right-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-900 | border-right-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-right-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-taupe-950 | border-right-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-right-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-( <custom-property> ) | border-right-color: var( <custom-property> ); | Aplica border-right-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-r-[ <value> ] | border-right-color: <value> ; | Aplica border-right-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-inherit | border-bottom-color: inherit; | Aplica border-bottom-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-current | border-bottom-color: currentColor; | Aplica border-bottom-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-transparent | border-bottom-color: transparent; | Aplica border-bottom-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-black | border-bottom-color: var(--color-black); /* #000 */ | Aplica border-bottom-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-white | border-bottom-color: var(--color-white); /* #fff */ | Aplica border-bottom-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-50 | border-bottom-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-bottom-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-100 | border-bottom-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-bottom-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-200 | border-bottom-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-bottom-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-300 | border-bottom-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-bottom-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-400 | border-bottom-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-bottom-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-500 | border-bottom-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-bottom-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-600 | border-bottom-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-bottom-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-700 | border-bottom-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-bottom-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-800 | border-bottom-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-bottom-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-900 | border-bottom-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-bottom-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-red-950 | border-bottom-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-bottom-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-50 | border-bottom-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-bottom-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-100 | border-bottom-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-bottom-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-200 | border-bottom-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-bottom-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-300 | border-bottom-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-bottom-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-400 | border-bottom-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-bottom-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-500 | border-bottom-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-bottom-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-600 | border-bottom-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-bottom-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-700 | border-bottom-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-bottom-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-800 | border-bottom-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-bottom-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-900 | border-bottom-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-bottom-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-orange-950 | border-bottom-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-bottom-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-50 | border-bottom-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-bottom-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-100 | border-bottom-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-bottom-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-200 | border-bottom-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-bottom-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-300 | border-bottom-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-bottom-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-400 | border-bottom-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-bottom-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-500 | border-bottom-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-bottom-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-600 | border-bottom-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-bottom-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-700 | border-bottom-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-bottom-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-800 | border-bottom-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-bottom-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-900 | border-bottom-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-bottom-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-amber-950 | border-bottom-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-bottom-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-50 | border-bottom-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-bottom-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-100 | border-bottom-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-bottom-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-200 | border-bottom-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-bottom-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-300 | border-bottom-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-bottom-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-400 | border-bottom-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-bottom-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-500 | border-bottom-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-bottom-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-600 | border-bottom-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-bottom-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-700 | border-bottom-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-bottom-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-800 | border-bottom-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-bottom-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-900 | border-bottom-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-bottom-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-yellow-950 | border-bottom-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-bottom-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-50 | border-bottom-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-bottom-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-100 | border-bottom-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-bottom-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-200 | border-bottom-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-bottom-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-300 | border-bottom-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-bottom-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-400 | border-bottom-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-bottom-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-500 | border-bottom-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-bottom-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-600 | border-bottom-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-bottom-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-700 | border-bottom-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-bottom-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-800 | border-bottom-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-bottom-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-900 | border-bottom-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-bottom-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-lime-950 | border-bottom-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-bottom-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-50 | border-bottom-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-bottom-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-100 | border-bottom-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-bottom-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-200 | border-bottom-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-bottom-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-300 | border-bottom-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-bottom-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-400 | border-bottom-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-bottom-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-500 | border-bottom-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-bottom-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-600 | border-bottom-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-bottom-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-700 | border-bottom-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-bottom-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-800 | border-bottom-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-bottom-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-900 | border-bottom-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-bottom-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-green-950 | border-bottom-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-bottom-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-50 | border-bottom-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-bottom-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-100 | border-bottom-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-bottom-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-200 | border-bottom-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-bottom-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-300 | border-bottom-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-bottom-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-400 | border-bottom-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-bottom-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-500 | border-bottom-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-bottom-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-600 | border-bottom-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-bottom-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-700 | border-bottom-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-bottom-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-800 | border-bottom-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-bottom-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-900 | border-bottom-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-bottom-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-emerald-950 | border-bottom-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-bottom-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-50 | border-bottom-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-bottom-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-100 | border-bottom-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-bottom-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-200 | border-bottom-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-bottom-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-300 | border-bottom-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-bottom-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-400 | border-bottom-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-bottom-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-500 | border-bottom-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-bottom-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-600 | border-bottom-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-bottom-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-700 | border-bottom-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-bottom-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-800 | border-bottom-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-bottom-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-900 | border-bottom-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-bottom-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-teal-950 | border-bottom-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-bottom-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-50 | border-bottom-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-bottom-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-100 | border-bottom-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-bottom-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-200 | border-bottom-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-bottom-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-300 | border-bottom-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-bottom-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-400 | border-bottom-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-bottom-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-500 | border-bottom-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-bottom-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-600 | border-bottom-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-bottom-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-700 | border-bottom-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-bottom-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-800 | border-bottom-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-bottom-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-900 | border-bottom-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-bottom-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-cyan-950 | border-bottom-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-bottom-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-50 | border-bottom-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-bottom-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-100 | border-bottom-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-bottom-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-200 | border-bottom-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-bottom-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-300 | border-bottom-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-bottom-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-400 | border-bottom-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-bottom-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-500 | border-bottom-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-bottom-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-600 | border-bottom-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-bottom-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-700 | border-bottom-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-bottom-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-800 | border-bottom-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-bottom-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-900 | border-bottom-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-bottom-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-sky-950 | border-bottom-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-bottom-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-50 | border-bottom-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-bottom-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-100 | border-bottom-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-bottom-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-200 | border-bottom-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-bottom-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-300 | border-bottom-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-bottom-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-400 | border-bottom-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-bottom-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-500 | border-bottom-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-bottom-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-600 | border-bottom-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-bottom-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-700 | border-bottom-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-bottom-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-800 | border-bottom-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-bottom-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-900 | border-bottom-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-bottom-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-blue-950 | border-bottom-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-bottom-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-50 | border-bottom-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-bottom-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-100 | border-bottom-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-bottom-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-200 | border-bottom-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-bottom-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-300 | border-bottom-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-bottom-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-400 | border-bottom-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-bottom-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-500 | border-bottom-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-bottom-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-600 | border-bottom-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-bottom-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-700 | border-bottom-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-bottom-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-800 | border-bottom-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-bottom-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-900 | border-bottom-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-bottom-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-indigo-950 | border-bottom-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-bottom-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-50 | border-bottom-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-bottom-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-100 | border-bottom-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-bottom-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-200 | border-bottom-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-bottom-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-300 | border-bottom-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-bottom-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-400 | border-bottom-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-bottom-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-500 | border-bottom-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-bottom-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-600 | border-bottom-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-bottom-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-700 | border-bottom-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-bottom-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-800 | border-bottom-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-bottom-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-900 | border-bottom-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-bottom-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-violet-950 | border-bottom-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-bottom-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-50 | border-bottom-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-bottom-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-100 | border-bottom-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-bottom-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-200 | border-bottom-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-bottom-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-300 | border-bottom-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-bottom-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-400 | border-bottom-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-bottom-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-500 | border-bottom-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-bottom-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-600 | border-bottom-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-bottom-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-700 | border-bottom-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-bottom-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-800 | border-bottom-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-bottom-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-900 | border-bottom-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-bottom-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-purple-950 | border-bottom-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-bottom-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-50 | border-bottom-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-bottom-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-100 | border-bottom-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-bottom-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-200 | border-bottom-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-bottom-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-300 | border-bottom-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-bottom-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-400 | border-bottom-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-bottom-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-500 | border-bottom-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-bottom-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-600 | border-bottom-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-bottom-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-700 | border-bottom-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-bottom-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-800 | border-bottom-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-bottom-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-900 | border-bottom-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-bottom-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-fuchsia-950 | border-bottom-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-bottom-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-50 | border-bottom-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-bottom-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-100 | border-bottom-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-bottom-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-200 | border-bottom-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-bottom-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-300 | border-bottom-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-bottom-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-400 | border-bottom-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-bottom-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-500 | border-bottom-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-bottom-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-600 | border-bottom-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-bottom-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-700 | border-bottom-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-bottom-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-800 | border-bottom-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-bottom-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-900 | border-bottom-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-bottom-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-pink-950 | border-bottom-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-bottom-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-50 | border-bottom-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-bottom-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-100 | border-bottom-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-bottom-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-200 | border-bottom-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-bottom-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-300 | border-bottom-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-bottom-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-400 | border-bottom-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-bottom-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-500 | border-bottom-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-bottom-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-600 | border-bottom-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-bottom-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-700 | border-bottom-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-bottom-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-800 | border-bottom-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-bottom-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-900 | border-bottom-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-bottom-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-rose-950 | border-bottom-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-bottom-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-50 | border-bottom-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-bottom-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-100 | border-bottom-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-bottom-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-200 | border-bottom-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-bottom-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-300 | border-bottom-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-bottom-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-400 | border-bottom-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-bottom-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-500 | border-bottom-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-bottom-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-600 | border-bottom-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-bottom-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-700 | border-bottom-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-bottom-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-800 | border-bottom-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-bottom-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-900 | border-bottom-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-bottom-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-slate-950 | border-bottom-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-bottom-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-50 | border-bottom-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-bottom-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-100 | border-bottom-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-bottom-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-200 | border-bottom-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-bottom-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-300 | border-bottom-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-bottom-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-400 | border-bottom-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-bottom-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-500 | border-bottom-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-bottom-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-600 | border-bottom-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-bottom-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-700 | border-bottom-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-bottom-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-800 | border-bottom-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-bottom-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-900 | border-bottom-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-bottom-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-gray-950 | border-bottom-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-bottom-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-50 | border-bottom-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-bottom-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-100 | border-bottom-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-bottom-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-200 | border-bottom-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-bottom-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-300 | border-bottom-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-bottom-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-400 | border-bottom-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-bottom-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-500 | border-bottom-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-bottom-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-600 | border-bottom-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-bottom-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-700 | border-bottom-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-bottom-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-800 | border-bottom-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-bottom-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-900 | border-bottom-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-bottom-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-zinc-950 | border-bottom-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-bottom-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-50 | border-bottom-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-100 | border-bottom-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-200 | border-bottom-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-300 | border-bottom-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-400 | border-bottom-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-500 | border-bottom-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-600 | border-bottom-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-700 | border-bottom-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-800 | border-bottom-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-900 | border-bottom-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-neutral-950 | border-bottom-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-bottom-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-50 | border-bottom-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-bottom-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-100 | border-bottom-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-bottom-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-200 | border-bottom-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-bottom-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-300 | border-bottom-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-bottom-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-400 | border-bottom-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-bottom-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-500 | border-bottom-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-bottom-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-600 | border-bottom-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-bottom-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-700 | border-bottom-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-bottom-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-800 | border-bottom-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-bottom-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-900 | border-bottom-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-bottom-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-stone-950 | border-bottom-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-bottom-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-50 | border-bottom-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-bottom-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-100 | border-bottom-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-bottom-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-200 | border-bottom-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-bottom-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-300 | border-bottom-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-bottom-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-400 | border-bottom-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-bottom-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-500 | border-bottom-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-bottom-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-600 | border-bottom-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-bottom-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-700 | border-bottom-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-bottom-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-800 | border-bottom-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-bottom-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-900 | border-bottom-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-bottom-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mauve-950 | border-bottom-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-bottom-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-50 | border-bottom-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-bottom-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-100 | border-bottom-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-bottom-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-200 | border-bottom-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-bottom-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-300 | border-bottom-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-bottom-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-400 | border-bottom-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-bottom-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-500 | border-bottom-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-bottom-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-600 | border-bottom-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-bottom-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-700 | border-bottom-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-bottom-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-800 | border-bottom-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-bottom-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-900 | border-bottom-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-bottom-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-olive-950 | border-bottom-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-bottom-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-50 | border-bottom-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-bottom-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-100 | border-bottom-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-bottom-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-200 | border-bottom-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-bottom-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-300 | border-bottom-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-bottom-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-400 | border-bottom-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-bottom-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-500 | border-bottom-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-bottom-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-600 | border-bottom-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-bottom-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-700 | border-bottom-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-bottom-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-800 | border-bottom-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-bottom-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-900 | border-bottom-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-bottom-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-mist-950 | border-bottom-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-bottom-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-50 | border-bottom-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-bottom-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-100 | border-bottom-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-bottom-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-200 | border-bottom-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-bottom-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-300 | border-bottom-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-bottom-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-400 | border-bottom-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-bottom-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-500 | border-bottom-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-bottom-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-600 | border-bottom-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-bottom-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-700 | border-bottom-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-bottom-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-800 | border-bottom-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-bottom-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-900 | border-bottom-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-bottom-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-taupe-950 | border-bottom-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-bottom-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-( <custom-property> ) | border-bottom-color: var( <custom-property> ); | Aplica border-bottom-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-b-[ <value> ] | border-bottom-color: <value> ; | Aplica border-bottom-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-inherit | border-left-color: inherit; | Aplica border-left-color: inherit; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-current | border-left-color: currentColor; | Aplica border-left-color: currentColor; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-transparent | border-left-color: transparent; | Aplica border-left-color: transparent; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-black | border-left-color: var(--color-black); /* #000 */ | Aplica border-left-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-white | border-left-color: var(--color-white); /* #fff */ | Aplica border-left-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-50 | border-left-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica border-left-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-100 | border-left-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica border-left-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-200 | border-left-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica border-left-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-300 | border-left-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica border-left-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-400 | border-left-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica border-left-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-500 | border-left-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica border-left-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-600 | border-left-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica border-left-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-700 | border-left-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica border-left-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-800 | border-left-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica border-left-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-900 | border-left-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica border-left-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-red-950 | border-left-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica border-left-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-50 | border-left-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica border-left-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-100 | border-left-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica border-left-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-200 | border-left-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica border-left-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-300 | border-left-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica border-left-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-400 | border-left-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica border-left-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-500 | border-left-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica border-left-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-600 | border-left-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica border-left-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-700 | border-left-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica border-left-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-800 | border-left-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica border-left-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-900 | border-left-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica border-left-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-orange-950 | border-left-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica border-left-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-50 | border-left-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica border-left-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-100 | border-left-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica border-left-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-200 | border-left-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica border-left-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-300 | border-left-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica border-left-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-400 | border-left-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica border-left-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-500 | border-left-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica border-left-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-600 | border-left-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica border-left-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-700 | border-left-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica border-left-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-800 | border-left-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica border-left-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-900 | border-left-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica border-left-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-amber-950 | border-left-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica border-left-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-50 | border-left-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica border-left-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-100 | border-left-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica border-left-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-200 | border-left-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica border-left-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-300 | border-left-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica border-left-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-400 | border-left-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica border-left-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-500 | border-left-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica border-left-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-600 | border-left-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica border-left-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-700 | border-left-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica border-left-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-800 | border-left-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica border-left-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-900 | border-left-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica border-left-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-yellow-950 | border-left-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica border-left-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-50 | border-left-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica border-left-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-100 | border-left-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica border-left-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-200 | border-left-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica border-left-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-300 | border-left-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica border-left-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-400 | border-left-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica border-left-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-500 | border-left-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica border-left-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-600 | border-left-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica border-left-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-700 | border-left-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica border-left-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-800 | border-left-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica border-left-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-900 | border-left-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica border-left-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-lime-950 | border-left-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica border-left-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-50 | border-left-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica border-left-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-100 | border-left-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica border-left-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-200 | border-left-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica border-left-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-300 | border-left-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica border-left-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-400 | border-left-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica border-left-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-500 | border-left-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica border-left-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-600 | border-left-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica border-left-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-700 | border-left-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica border-left-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-800 | border-left-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica border-left-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-900 | border-left-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica border-left-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-green-950 | border-left-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica border-left-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-50 | border-left-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica border-left-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-100 | border-left-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica border-left-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-200 | border-left-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica border-left-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-300 | border-left-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica border-left-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-400 | border-left-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica border-left-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-500 | border-left-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica border-left-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-600 | border-left-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica border-left-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-700 | border-left-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica border-left-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-800 | border-left-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica border-left-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-900 | border-left-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica border-left-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-emerald-950 | border-left-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica border-left-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-50 | border-left-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica border-left-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-100 | border-left-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica border-left-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-200 | border-left-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica border-left-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-300 | border-left-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica border-left-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-400 | border-left-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica border-left-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-500 | border-left-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica border-left-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-600 | border-left-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica border-left-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-700 | border-left-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica border-left-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-800 | border-left-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica border-left-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-900 | border-left-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica border-left-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-teal-950 | border-left-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica border-left-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-50 | border-left-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica border-left-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-100 | border-left-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica border-left-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-200 | border-left-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica border-left-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-300 | border-left-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica border-left-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-400 | border-left-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica border-left-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-500 | border-left-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica border-left-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-600 | border-left-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica border-left-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-700 | border-left-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica border-left-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-800 | border-left-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica border-left-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-900 | border-left-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica border-left-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-cyan-950 | border-left-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica border-left-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-50 | border-left-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica border-left-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-100 | border-left-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica border-left-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-200 | border-left-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica border-left-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-300 | border-left-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica border-left-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-400 | border-left-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica border-left-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-500 | border-left-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica border-left-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-600 | border-left-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica border-left-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-700 | border-left-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica border-left-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-800 | border-left-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica border-left-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-900 | border-left-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica border-left-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-sky-950 | border-left-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica border-left-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-50 | border-left-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica border-left-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-100 | border-left-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica border-left-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-200 | border-left-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica border-left-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-300 | border-left-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica border-left-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-400 | border-left-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica border-left-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-500 | border-left-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica border-left-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-600 | border-left-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica border-left-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-700 | border-left-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica border-left-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-800 | border-left-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica border-left-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-900 | border-left-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica border-left-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-blue-950 | border-left-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica border-left-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-50 | border-left-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica border-left-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-100 | border-left-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica border-left-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-200 | border-left-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica border-left-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-300 | border-left-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica border-left-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-400 | border-left-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica border-left-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-500 | border-left-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica border-left-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-600 | border-left-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica border-left-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-700 | border-left-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica border-left-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-800 | border-left-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica border-left-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-900 | border-left-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica border-left-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-indigo-950 | border-left-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica border-left-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-50 | border-left-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica border-left-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-100 | border-left-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica border-left-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-200 | border-left-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica border-left-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-300 | border-left-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica border-left-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-400 | border-left-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica border-left-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-500 | border-left-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica border-left-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-600 | border-left-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica border-left-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-700 | border-left-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica border-left-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-800 | border-left-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica border-left-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-900 | border-left-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica border-left-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-violet-950 | border-left-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica border-left-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-50 | border-left-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica border-left-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-100 | border-left-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica border-left-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-200 | border-left-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica border-left-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-300 | border-left-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica border-left-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-400 | border-left-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica border-left-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-500 | border-left-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica border-left-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-600 | border-left-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica border-left-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-700 | border-left-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica border-left-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-800 | border-left-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica border-left-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-900 | border-left-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica border-left-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-purple-950 | border-left-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica border-left-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-50 | border-left-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica border-left-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-100 | border-left-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica border-left-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-200 | border-left-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica border-left-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-300 | border-left-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica border-left-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-400 | border-left-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica border-left-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-500 | border-left-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica border-left-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-600 | border-left-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica border-left-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-700 | border-left-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica border-left-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-800 | border-left-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica border-left-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-900 | border-left-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica border-left-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-fuchsia-950 | border-left-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica border-left-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-50 | border-left-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica border-left-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-100 | border-left-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica border-left-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-200 | border-left-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica border-left-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-300 | border-left-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica border-left-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-400 | border-left-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica border-left-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-500 | border-left-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica border-left-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-600 | border-left-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica border-left-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-700 | border-left-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica border-left-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-800 | border-left-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica border-left-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-900 | border-left-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica border-left-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-pink-950 | border-left-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica border-left-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-50 | border-left-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica border-left-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-100 | border-left-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica border-left-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-200 | border-left-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica border-left-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-300 | border-left-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica border-left-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-400 | border-left-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica border-left-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-500 | border-left-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica border-left-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-600 | border-left-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica border-left-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-700 | border-left-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica border-left-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-800 | border-left-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica border-left-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-900 | border-left-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica border-left-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-rose-950 | border-left-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica border-left-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-50 | border-left-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica border-left-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-100 | border-left-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica border-left-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-200 | border-left-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica border-left-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-300 | border-left-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica border-left-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-400 | border-left-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica border-left-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-500 | border-left-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica border-left-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-600 | border-left-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica border-left-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-700 | border-left-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica border-left-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-800 | border-left-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica border-left-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-900 | border-left-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica border-left-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-slate-950 | border-left-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica border-left-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-50 | border-left-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica border-left-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-100 | border-left-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica border-left-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-200 | border-left-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica border-left-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-300 | border-left-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica border-left-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-400 | border-left-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica border-left-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-500 | border-left-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica border-left-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-600 | border-left-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica border-left-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-700 | border-left-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica border-left-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-800 | border-left-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica border-left-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-900 | border-left-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica border-left-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-gray-950 | border-left-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica border-left-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-50 | border-left-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica border-left-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-100 | border-left-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica border-left-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-200 | border-left-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica border-left-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-300 | border-left-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica border-left-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-400 | border-left-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica border-left-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-500 | border-left-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica border-left-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-600 | border-left-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica border-left-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-700 | border-left-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica border-left-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-800 | border-left-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica border-left-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-900 | border-left-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica border-left-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-zinc-950 | border-left-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica border-left-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-50 | border-left-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica border-left-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-100 | border-left-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica border-left-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-200 | border-left-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica border-left-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-300 | border-left-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica border-left-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-400 | border-left-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica border-left-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-500 | border-left-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica border-left-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-600 | border-left-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica border-left-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-700 | border-left-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica border-left-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-800 | border-left-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica border-left-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-900 | border-left-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica border-left-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-neutral-950 | border-left-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica border-left-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-50 | border-left-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica border-left-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-100 | border-left-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica border-left-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-200 | border-left-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica border-left-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-300 | border-left-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica border-left-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-400 | border-left-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica border-left-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-500 | border-left-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica border-left-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-600 | border-left-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica border-left-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-700 | border-left-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica border-left-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-800 | border-left-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica border-left-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-900 | border-left-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica border-left-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-stone-950 | border-left-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica border-left-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-50 | border-left-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica border-left-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-100 | border-left-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica border-left-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-200 | border-left-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica border-left-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-300 | border-left-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica border-left-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-400 | border-left-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica border-left-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-500 | border-left-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica border-left-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-600 | border-left-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica border-left-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-700 | border-left-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica border-left-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-800 | border-left-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica border-left-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-900 | border-left-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica border-left-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mauve-950 | border-left-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica border-left-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-50 | border-left-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica border-left-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-100 | border-left-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica border-left-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-200 | border-left-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica border-left-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-300 | border-left-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica border-left-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-400 | border-left-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica border-left-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-500 | border-left-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica border-left-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-600 | border-left-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica border-left-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-700 | border-left-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica border-left-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-800 | border-left-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica border-left-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-900 | border-left-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica border-left-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-olive-950 | border-left-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica border-left-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-50 | border-left-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica border-left-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-100 | border-left-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica border-left-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-200 | border-left-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica border-left-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-300 | border-left-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica border-left-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-400 | border-left-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica border-left-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-500 | border-left-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica border-left-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-600 | border-left-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica border-left-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-700 | border-left-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica border-left-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-800 | border-left-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica border-left-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-900 | border-left-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica border-left-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-mist-950 | border-left-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica border-left-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-50 | border-left-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica border-left-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-100 | border-left-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica border-left-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-200 | border-left-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica border-left-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-300 | border-left-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica border-left-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-400 | border-left-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica border-left-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-500 | border-left-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica border-left-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-600 | border-left-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica border-left-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-700 | border-left-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica border-left-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-800 | border-left-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica border-left-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-900 | border-left-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica border-left-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-taupe-950 | border-left-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica border-left-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-( <custom-property> ) | border-left-color: var( <custom-property> ); | Aplica border-left-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
border-l-[ <value> ] | border-left-color: <value> ; | Aplica border-left-color: <value> ; al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-inherit | & > :not(:last-child) { border-color: inherit; } | Aplica & > :not(:last-child) { border-color: inherit; } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-current | & > :not(:last-child) { border-color: currentColor; } | Aplica & > :not(:last-child) { border-color: currentColor; } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-transparent | & > :not(:last-child) { border-color: transparent; } | Aplica & > :not(:last-child) { border-color: transparent; } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-black | & > :not(:last-child) { border-color: var(--color-black); /* #000 */ } | Aplica & > :not(:last-child) { border-color: var(--color-black); /* #000 */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-white | & > :not(:last-child) { border-color: var(--color-white); /* #fff */ } | Aplica & > :not(:last-child) { border-color: var(--color-white); /* #fff */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-50 | & > :not(:last-child) { border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-100 | & > :not(:last-child) { border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-200 | & > :not(:last-child) { border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-300 | & > :not(:last-child) { border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-400 | & > :not(:last-child) { border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-500 | & > :not(:last-child) { border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-600 | & > :not(:last-child) { border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-700 | & > :not(:last-child) { border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-800 | & > :not(:last-child) { border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-900 | & > :not(:last-child) { border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-red-950 | & > :not(:last-child) { border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ } | Aplica & > :not(:last-child) { border-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-50 | & > :not(:last-child) { border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-100 | & > :not(:last-child) { border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-200 | & > :not(:last-child) { border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-300 | & > :not(:last-child) { border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-400 | & > :not(:last-child) { border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-500 | & > :not(:last-child) { border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-600 | & > :not(:last-child) { border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-700 | & > :not(:last-child) { border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-800 | & > :not(:last-child) { border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-900 | & > :not(:last-child) { border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-orange-950 | & > :not(:last-child) { border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ } | Aplica & > :not(:last-child) { border-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-50 | & > :not(:last-child) { border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-100 | & > :not(:last-child) { border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-200 | & > :not(:last-child) { border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-300 | & > :not(:last-child) { border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-400 | & > :not(:last-child) { border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-500 | & > :not(:last-child) { border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-600 | & > :not(:last-child) { border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-700 | & > :not(:last-child) { border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-800 | & > :not(:last-child) { border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-900 | & > :not(:last-child) { border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-amber-950 | & > :not(:last-child) { border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ } | Aplica & > :not(:last-child) { border-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-50 | & > :not(:last-child) { border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-100 | & > :not(:last-child) { border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-200 | & > :not(:last-child) { border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-300 | & > :not(:last-child) { border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-400 | & > :not(:last-child) { border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-500 | & > :not(:last-child) { border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-600 | & > :not(:last-child) { border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-700 | & > :not(:last-child) { border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-800 | & > :not(:last-child) { border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-900 | & > :not(:last-child) { border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-yellow-950 | & > :not(:last-child) { border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ } | Aplica & > :not(:last-child) { border-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-50 | & > :not(:last-child) { border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-100 | & > :not(:last-child) { border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-200 | & > :not(:last-child) { border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-300 | & > :not(:last-child) { border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-400 | & > :not(:last-child) { border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-500 | & > :not(:last-child) { border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-600 | & > :not(:last-child) { border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-700 | & > :not(:last-child) { border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-800 | & > :not(:last-child) { border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-900 | & > :not(:last-child) { border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-lime-950 | & > :not(:last-child) { border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ } | Aplica & > :not(:last-child) { border-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-50 | & > :not(:last-child) { border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-100 | & > :not(:last-child) { border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-200 | & > :not(:last-child) { border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-300 | & > :not(:last-child) { border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-400 | & > :not(:last-child) { border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-500 | & > :not(:last-child) { border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-600 | & > :not(:last-child) { border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-700 | & > :not(:last-child) { border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-800 | & > :not(:last-child) { border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-900 | & > :not(:last-child) { border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-green-950 | & > :not(:last-child) { border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ } | Aplica & > :not(:last-child) { border-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-50 | & > :not(:last-child) { border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-100 | & > :not(:last-child) { border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-200 | & > :not(:last-child) { border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-300 | & > :not(:last-child) { border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-400 | & > :not(:last-child) { border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-500 | & > :not(:last-child) { border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-600 | & > :not(:last-child) { border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-700 | & > :not(:last-child) { border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-800 | & > :not(:last-child) { border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-900 | & > :not(:last-child) { border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-emerald-950 | & > :not(:last-child) { border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ } | Aplica & > :not(:last-child) { border-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-50 | & > :not(:last-child) { border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-100 | & > :not(:last-child) { border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-200 | & > :not(:last-child) { border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-300 | & > :not(:last-child) { border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-400 | & > :not(:last-child) { border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-500 | & > :not(:last-child) { border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-600 | & > :not(:last-child) { border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-700 | & > :not(:last-child) { border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-800 | & > :not(:last-child) { border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-900 | & > :not(:last-child) { border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-teal-950 | & > :not(:last-child) { border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ } | Aplica & > :not(:last-child) { border-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-50 | & > :not(:last-child) { border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-100 | & > :not(:last-child) { border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-200 | & > :not(:last-child) { border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-300 | & > :not(:last-child) { border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-400 | & > :not(:last-child) { border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-500 | & > :not(:last-child) { border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-600 | & > :not(:last-child) { border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-700 | & > :not(:last-child) { border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-800 | & > :not(:last-child) { border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-900 | & > :not(:last-child) { border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-cyan-950 | & > :not(:last-child) { border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ } | Aplica & > :not(:last-child) { border-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-50 | & > :not(:last-child) { border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-100 | & > :not(:last-child) { border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-200 | & > :not(:last-child) { border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-300 | & > :not(:last-child) { border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-400 | & > :not(:last-child) { border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-500 | & > :not(:last-child) { border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-600 | & > :not(:last-child) { border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-700 | & > :not(:last-child) { border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-800 | & > :not(:last-child) { border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-900 | & > :not(:last-child) { border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-sky-950 | & > :not(:last-child) { border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ } | Aplica & > :not(:last-child) { border-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-50 | & > :not(:last-child) { border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-100 | & > :not(:last-child) { border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-200 | & > :not(:last-child) { border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-300 | & > :not(:last-child) { border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-400 | & > :not(:last-child) { border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-500 | & > :not(:last-child) { border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-600 | & > :not(:last-child) { border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-700 | & > :not(:last-child) { border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-800 | & > :not(:last-child) { border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-900 | & > :not(:last-child) { border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-blue-950 | & > :not(:last-child) { border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ } | Aplica & > :not(:last-child) { border-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-50 | & > :not(:last-child) { border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-100 | & > :not(:last-child) { border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-200 | & > :not(:last-child) { border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-300 | & > :not(:last-child) { border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-400 | & > :not(:last-child) { border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-500 | & > :not(:last-child) { border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-600 | & > :not(:last-child) { border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-700 | & > :not(:last-child) { border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-800 | & > :not(:last-child) { border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-900 | & > :not(:last-child) { border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-indigo-950 | & > :not(:last-child) { border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ } | Aplica & > :not(:last-child) { border-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-50 | & > :not(:last-child) { border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-100 | & > :not(:last-child) { border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-200 | & > :not(:last-child) { border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-300 | & > :not(:last-child) { border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-400 | & > :not(:last-child) { border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-500 | & > :not(:last-child) { border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-600 | & > :not(:last-child) { border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-700 | & > :not(:last-child) { border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-800 | & > :not(:last-child) { border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-900 | & > :not(:last-child) { border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-violet-950 | & > :not(:last-child) { border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ } | Aplica & > :not(:last-child) { border-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-50 | & > :not(:last-child) { border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-100 | & > :not(:last-child) { border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-200 | & > :not(:last-child) { border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-300 | & > :not(:last-child) { border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-400 | & > :not(:last-child) { border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-500 | & > :not(:last-child) { border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-600 | & > :not(:last-child) { border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-700 | & > :not(:last-child) { border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-800 | & > :not(:last-child) { border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-900 | & > :not(:last-child) { border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-purple-950 | & > :not(:last-child) { border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ } | Aplica & > :not(:last-child) { border-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-50 | & > :not(:last-child) { border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-100 | & > :not(:last-child) { border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-200 | & > :not(:last-child) { border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-300 | & > :not(:last-child) { border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-400 | & > :not(:last-child) { border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-500 | & > :not(:last-child) { border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-600 | & > :not(:last-child) { border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-700 | & > :not(:last-child) { border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-800 | & > :not(:last-child) { border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-900 | & > :not(:last-child) { border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-fuchsia-950 | & > :not(:last-child) { border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ } | Aplica & > :not(:last-child) { border-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-50 | & > :not(:last-child) { border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-100 | & > :not(:last-child) { border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-200 | & > :not(:last-child) { border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-300 | & > :not(:last-child) { border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-400 | & > :not(:last-child) { border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-500 | & > :not(:last-child) { border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-600 | & > :not(:last-child) { border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-700 | & > :not(:last-child) { border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-800 | & > :not(:last-child) { border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-900 | & > :not(:last-child) { border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-pink-950 | & > :not(:last-child) { border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ } | Aplica & > :not(:last-child) { border-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-50 | & > :not(:last-child) { border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-100 | & > :not(:last-child) { border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-200 | & > :not(:last-child) { border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-300 | & > :not(:last-child) { border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-400 | & > :not(:last-child) { border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-500 | & > :not(:last-child) { border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-600 | & > :not(:last-child) { border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-700 | & > :not(:last-child) { border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-800 | & > :not(:last-child) { border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-900 | & > :not(:last-child) { border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-rose-950 | & > :not(:last-child) { border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ } | Aplica & > :not(:last-child) { border-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-50 | & > :not(:last-child) { border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-100 | & > :not(:last-child) { border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-200 | & > :not(:last-child) { border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-300 | & > :not(:last-child) { border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-400 | & > :not(:last-child) { border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-500 | & > :not(:last-child) { border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-600 | & > :not(:last-child) { border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-700 | & > :not(:last-child) { border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-800 | & > :not(:last-child) { border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-900 | & > :not(:last-child) { border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-slate-950 | & > :not(:last-child) { border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ } | Aplica & > :not(:last-child) { border-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-50 | & > :not(:last-child) { border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-100 | & > :not(:last-child) { border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-200 | & > :not(:last-child) { border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-300 | & > :not(:last-child) { border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-400 | & > :not(:last-child) { border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-500 | & > :not(:last-child) { border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-600 | & > :not(:last-child) { border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-700 | & > :not(:last-child) { border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-800 | & > :not(:last-child) { border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-900 | & > :not(:last-child) { border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-gray-950 | & > :not(:last-child) { border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ } | Aplica & > :not(:last-child) { border-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-50 | & > :not(:last-child) { border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-100 | & > :not(:last-child) { border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-200 | & > :not(:last-child) { border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-300 | & > :not(:last-child) { border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-400 | & > :not(:last-child) { border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-500 | & > :not(:last-child) { border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-600 | & > :not(:last-child) { border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-700 | & > :not(:last-child) { border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-800 | & > :not(:last-child) { border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-900 | & > :not(:last-child) { border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-zinc-950 | & > :not(:last-child) { border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ } | Aplica & > :not(:last-child) { border-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-50 | & > :not(:last-child) { border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-100 | & > :not(:last-child) { border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-100); /* oklch(97% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-200 | & > :not(:last-child) { border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-300 | & > :not(:last-child) { border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-300); /* oklch(87% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-400 | & > :not(:last-child) { border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-500 | & > :not(:last-child) { border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-600 | & > :not(:last-child) { border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-700 | & > :not(:last-child) { border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-800 | & > :not(:last-child) { border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-900 | & > :not(:last-child) { border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-neutral-950 | & > :not(:last-child) { border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-50 | & > :not(:last-child) { border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-100 | & > :not(:last-child) { border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-200 | & > :not(:last-child) { border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-300 | & > :not(:last-child) { border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-400 | & > :not(:last-child) { border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-500 | & > :not(:last-child) { border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-600 | & > :not(:last-child) { border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-700 | & > :not(:last-child) { border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-800 | & > :not(:last-child) { border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-900 | & > :not(:last-child) { border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-stone-950 | & > :not(:last-child) { border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ } | Aplica & > :not(:last-child) { border-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-50 | & > :not(:last-child) { border-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-100 | & > :not(:last-child) { border-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-200 | & > :not(:last-child) { border-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-300 | & > :not(:last-child) { border-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-400 | & > :not(:last-child) { border-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-500 | & > :not(:last-child) { border-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-600 | & > :not(:last-child) { border-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-700 | & > :not(:last-child) { border-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-800 | & > :not(:last-child) { border-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-900 | & > :not(:last-child) { border-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mauve-950 | & > :not(:last-child) { border-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-50 | & > :not(:last-child) { border-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-100 | & > :not(:last-child) { border-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-200 | & > :not(:last-child) { border-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-300 | & > :not(:last-child) { border-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-400 | & > :not(:last-child) { border-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-500 | & > :not(:last-child) { border-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-600 | & > :not(:last-child) { border-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-700 | & > :not(:last-child) { border-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-800 | & > :not(:last-child) { border-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-900 | & > :not(:last-child) { border-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-olive-950 | & > :not(:last-child) { border-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ } | Aplica & > :not(:last-child) { border-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-50 | & > :not(:last-child) { border-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-100 | & > :not(:last-child) { border-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-200 | & > :not(:last-child) { border-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-300 | & > :not(:last-child) { border-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-400 | & > :not(:last-child) { border-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-500 | & > :not(:last-child) { border-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-600 | & > :not(:last-child) { border-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-700 | & > :not(:last-child) { border-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-800 | & > :not(:last-child) { border-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-900 | & > :not(:last-child) { border-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-mist-950 | & > :not(:last-child) { border-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ } | Aplica & > :not(:last-child) { border-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-50 | & > :not(:last-child) { border-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-100 | & > :not(:last-child) { border-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-200 | & > :not(:last-child) { border-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-300 | & > :not(:last-child) { border-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-400 | & > :not(:last-child) { border-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-500 | & > :not(:last-child) { border-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-600 | & > :not(:last-child) { border-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-700 | & > :not(:last-child) { border-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-800 | & > :not(:last-child) { border-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-900 | & > :not(:last-child) { border-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-taupe-950 | & > :not(:last-child) { border-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ } | Aplica & > :not(:last-child) { border-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-( <custom-property> ) | & > :not(:last-child) { border-color: var( <custom-property> ); } | Aplica & > :not(:last-child) { border-color: var( <custom-property> ); } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
divide-[ <value> ] | & > :not(:last-child) { border-color: <value> ; } | Aplica & > :not(:last-child) { border-color: <value> ; } al elemento; úsalo cuando necesites ajustar border-color con esta utilidad. |
estilo de borde
Fuente oficial: https://tailwindcss.com/docs/border-style
Utilidades para controlar el estilo de los bordes de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
border-solid | border-style: solid; | Aplica border-style: solid; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
border-dashed | border-style: dashed; | Aplica border-style: dashed; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
border-dotted | border-style: dotted; | Aplica border-style: dotted; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
border-double | border-style: double; | Aplica border-style: double; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
border-hidden | border-style: hidden; | Aplica border-style: hidden; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
border-none | border-style: none; | Aplica border-style: none; al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-solid | & > :not(:last-child) { border-style: solid; } | Aplica & > :not(:last-child) { border-style: solid; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-dashed | & > :not(:last-child) { border-style: dashed; } | Aplica & > :not(:last-child) { border-style: dashed; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-dotted | & > :not(:last-child) { border-style: dotted; } | Aplica & > :not(:last-child) { border-style: dotted; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-double | & > :not(:last-child) { border-style: double; } | Aplica & > :not(:last-child) { border-style: double; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-hidden | & > :not(:last-child) { border-style: hidden; } | Aplica & > :not(:last-child) { border-style: hidden; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
divide-none | & > :not(:last-child) { border-style: none; } | Aplica & > :not(:last-child) { border-style: none; } al elemento; úsalo cuando necesites ajustar border-style con esta utilidad. |
ancho del contorno
Fuente oficial: https://tailwindcss.com/docs/outline-width
Utilidades para controlar el ancho del contorno de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
outline | outline-width: 1px; | Aplica outline-width: 1px; al elemento; úsalo cuando necesites ajustar outline-width con esta utilidad. |
outline- <number> | outline-width: <number> px; | Aplica outline-width: <number> px; al elemento; úsalo cuando necesites ajustar outline-width con esta utilidad. |
outline-(length: <custom-property> ) | outline-width: var( <custom-property> ); | Aplica outline-width: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar outline-width con esta utilidad. |
outline-[ <value> ] | outline-width: <value> ; | Aplica outline-width: <value> ; al elemento; úsalo cuando necesites ajustar outline-width con esta utilidad. |
color de contorno
Fuente oficial: https://tailwindcss.com/docs/outline-color
Utilidades para controlar el color del contorno de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
outline-inherit | outline-color: inherit; | Aplica outline-color: inherit; al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-current | outline-color: currentColor; | Aplica outline-color: currentColor; al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-transparent | outline-color: transparent; | Aplica outline-color: transparent; al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-black | outline-color: var(--color-black); /* #000 */ | Aplica outline-color: var(--color-black); /* #000 */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-white | outline-color: var(--color-white); /* #fff */ | Aplica outline-color: var(--color-white); /* #fff */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-50 | outline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ | Aplica outline-color: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-100 | outline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ | Aplica outline-color: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-200 | outline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ | Aplica outline-color: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-300 | outline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ | Aplica outline-color: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-400 | outline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ | Aplica outline-color: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-500 | outline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ | Aplica outline-color: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-600 | outline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ | Aplica outline-color: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-700 | outline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ | Aplica outline-color: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-800 | outline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ | Aplica outline-color: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-900 | outline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ | Aplica outline-color: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-red-950 | outline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ | Aplica outline-color: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-50 | outline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ | Aplica outline-color: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-100 | outline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ | Aplica outline-color: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-200 | outline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ | Aplica outline-color: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-300 | outline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ | Aplica outline-color: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-400 | outline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ | Aplica outline-color: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-500 | outline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ | Aplica outline-color: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-600 | outline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ | Aplica outline-color: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-700 | outline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ | Aplica outline-color: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-800 | outline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ | Aplica outline-color: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-900 | outline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ | Aplica outline-color: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-orange-950 | outline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ | Aplica outline-color: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-50 | outline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ | Aplica outline-color: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-100 | outline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ | Aplica outline-color: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-200 | outline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ | Aplica outline-color: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-300 | outline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ | Aplica outline-color: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-400 | outline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ | Aplica outline-color: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-500 | outline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ | Aplica outline-color: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-600 | outline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ | Aplica outline-color: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-700 | outline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ | Aplica outline-color: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-800 | outline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ | Aplica outline-color: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-900 | outline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ | Aplica outline-color: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-amber-950 | outline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ | Aplica outline-color: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-50 | outline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ | Aplica outline-color: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-100 | outline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ | Aplica outline-color: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-200 | outline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ | Aplica outline-color: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-300 | outline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ | Aplica outline-color: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-400 | outline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ | Aplica outline-color: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-500 | outline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ | Aplica outline-color: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-600 | outline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ | Aplica outline-color: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-700 | outline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ | Aplica outline-color: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-800 | outline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ | Aplica outline-color: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-900 | outline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ | Aplica outline-color: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-yellow-950 | outline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ | Aplica outline-color: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-50 | outline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ | Aplica outline-color: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-100 | outline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ | Aplica outline-color: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-200 | outline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ | Aplica outline-color: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-300 | outline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ | Aplica outline-color: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-400 | outline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ | Aplica outline-color: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-500 | outline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ | Aplica outline-color: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-600 | outline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ | Aplica outline-color: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-700 | outline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ | Aplica outline-color: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-800 | outline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ | Aplica outline-color: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-900 | outline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ | Aplica outline-color: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-lime-950 | outline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ | Aplica outline-color: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-50 | outline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ | Aplica outline-color: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-100 | outline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ | Aplica outline-color: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-200 | outline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ | Aplica outline-color: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-300 | outline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ | Aplica outline-color: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-400 | outline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ | Aplica outline-color: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-500 | outline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ | Aplica outline-color: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-600 | outline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ | Aplica outline-color: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-700 | outline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ | Aplica outline-color: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-800 | outline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ | Aplica outline-color: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-900 | outline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ | Aplica outline-color: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-green-950 | outline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ | Aplica outline-color: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-50 | outline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ | Aplica outline-color: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-100 | outline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ | Aplica outline-color: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-200 | outline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ | Aplica outline-color: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-300 | outline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ | Aplica outline-color: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-400 | outline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ | Aplica outline-color: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-500 | outline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ | Aplica outline-color: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-600 | outline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ | Aplica outline-color: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-700 | outline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ | Aplica outline-color: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-800 | outline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ | Aplica outline-color: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-900 | outline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ | Aplica outline-color: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-emerald-950 | outline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ | Aplica outline-color: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-50 | outline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ | Aplica outline-color: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-100 | outline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ | Aplica outline-color: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-200 | outline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ | Aplica outline-color: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-300 | outline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ | Aplica outline-color: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-400 | outline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ | Aplica outline-color: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-500 | outline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ | Aplica outline-color: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-600 | outline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ | Aplica outline-color: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-700 | outline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ | Aplica outline-color: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-800 | outline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ | Aplica outline-color: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-900 | outline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ | Aplica outline-color: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-teal-950 | outline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ | Aplica outline-color: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-50 | outline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ | Aplica outline-color: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-100 | outline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ | Aplica outline-color: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-200 | outline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ | Aplica outline-color: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-300 | outline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ | Aplica outline-color: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-400 | outline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ | Aplica outline-color: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-500 | outline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ | Aplica outline-color: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-600 | outline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ | Aplica outline-color: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-700 | outline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ | Aplica outline-color: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-800 | outline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ | Aplica outline-color: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-900 | outline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ | Aplica outline-color: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-cyan-950 | outline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ | Aplica outline-color: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-50 | outline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ | Aplica outline-color: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-100 | outline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ | Aplica outline-color: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-200 | outline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ | Aplica outline-color: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-300 | outline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ | Aplica outline-color: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-400 | outline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ | Aplica outline-color: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-500 | outline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ | Aplica outline-color: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-600 | outline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ | Aplica outline-color: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-700 | outline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ | Aplica outline-color: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-800 | outline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ | Aplica outline-color: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-900 | outline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ | Aplica outline-color: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-sky-950 | outline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ | Aplica outline-color: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-50 | outline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ | Aplica outline-color: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-100 | outline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ | Aplica outline-color: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-200 | outline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ | Aplica outline-color: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-300 | outline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ | Aplica outline-color: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-400 | outline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ | Aplica outline-color: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-500 | outline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ | Aplica outline-color: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-600 | outline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ | Aplica outline-color: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-700 | outline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ | Aplica outline-color: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-800 | outline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ | Aplica outline-color: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-900 | outline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ | Aplica outline-color: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-blue-950 | outline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ | Aplica outline-color: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-50 | outline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ | Aplica outline-color: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-100 | outline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ | Aplica outline-color: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-200 | outline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ | Aplica outline-color: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-300 | outline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ | Aplica outline-color: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-400 | outline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ | Aplica outline-color: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-500 | outline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ | Aplica outline-color: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-600 | outline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ | Aplica outline-color: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-700 | outline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ | Aplica outline-color: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-800 | outline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ | Aplica outline-color: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-900 | outline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ | Aplica outline-color: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-indigo-950 | outline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ | Aplica outline-color: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-50 | outline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ | Aplica outline-color: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-100 | outline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ | Aplica outline-color: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-200 | outline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ | Aplica outline-color: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-300 | outline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ | Aplica outline-color: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-400 | outline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ | Aplica outline-color: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-500 | outline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ | Aplica outline-color: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-600 | outline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ | Aplica outline-color: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-700 | outline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ | Aplica outline-color: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-800 | outline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ | Aplica outline-color: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-900 | outline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ | Aplica outline-color: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-violet-950 | outline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ | Aplica outline-color: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-50 | outline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ | Aplica outline-color: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-100 | outline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ | Aplica outline-color: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-200 | outline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ | Aplica outline-color: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-300 | outline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ | Aplica outline-color: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-400 | outline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ | Aplica outline-color: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-500 | outline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ | Aplica outline-color: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-600 | outline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ | Aplica outline-color: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-700 | outline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ | Aplica outline-color: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-800 | outline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ | Aplica outline-color: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-900 | outline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ | Aplica outline-color: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-purple-950 | outline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ | Aplica outline-color: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-50 | outline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ | Aplica outline-color: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-100 | outline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ | Aplica outline-color: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-200 | outline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ | Aplica outline-color: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-300 | outline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ | Aplica outline-color: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-400 | outline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ | Aplica outline-color: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-500 | outline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ | Aplica outline-color: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-600 | outline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ | Aplica outline-color: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-700 | outline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ | Aplica outline-color: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-800 | outline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ | Aplica outline-color: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-900 | outline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ | Aplica outline-color: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-fuchsia-950 | outline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ | Aplica outline-color: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-50 | outline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ | Aplica outline-color: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-100 | outline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ | Aplica outline-color: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-200 | outline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ | Aplica outline-color: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-300 | outline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ | Aplica outline-color: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-400 | outline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ | Aplica outline-color: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-500 | outline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ | Aplica outline-color: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-600 | outline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ | Aplica outline-color: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-700 | outline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ | Aplica outline-color: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-800 | outline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ | Aplica outline-color: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-900 | outline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ | Aplica outline-color: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-pink-950 | outline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ | Aplica outline-color: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-50 | outline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ | Aplica outline-color: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-100 | outline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ | Aplica outline-color: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-200 | outline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ | Aplica outline-color: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-300 | outline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ | Aplica outline-color: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-400 | outline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ | Aplica outline-color: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-500 | outline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ | Aplica outline-color: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-600 | outline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ | Aplica outline-color: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-700 | outline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ | Aplica outline-color: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-800 | outline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ | Aplica outline-color: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-900 | outline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ | Aplica outline-color: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-rose-950 | outline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ | Aplica outline-color: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-50 | outline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ | Aplica outline-color: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-100 | outline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ | Aplica outline-color: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-200 | outline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ | Aplica outline-color: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-300 | outline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ | Aplica outline-color: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-400 | outline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ | Aplica outline-color: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-500 | outline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ | Aplica outline-color: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-600 | outline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ | Aplica outline-color: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-700 | outline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ | Aplica outline-color: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-800 | outline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ | Aplica outline-color: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-900 | outline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ | Aplica outline-color: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-slate-950 | outline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ | Aplica outline-color: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-50 | outline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ | Aplica outline-color: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-100 | outline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ | Aplica outline-color: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-200 | outline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ | Aplica outline-color: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-300 | outline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ | Aplica outline-color: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-400 | outline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ | Aplica outline-color: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-500 | outline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ | Aplica outline-color: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-600 | outline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ | Aplica outline-color: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-700 | outline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ | Aplica outline-color: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-800 | outline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ | Aplica outline-color: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-900 | outline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ | Aplica outline-color: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-gray-950 | outline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ | Aplica outline-color: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-50 | outline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ | Aplica outline-color: var(--color-zinc-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-100 | outline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ | Aplica outline-color: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-200 | outline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ | Aplica outline-color: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-300 | outline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ | Aplica outline-color: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-400 | outline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ | Aplica outline-color: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-500 | outline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ | Aplica outline-color: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-600 | outline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ | Aplica outline-color: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-700 | outline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ | Aplica outline-color: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-800 | outline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ | Aplica outline-color: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-900 | outline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ | Aplica outline-color: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-zinc-950 | outline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ | Aplica outline-color: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-50 | outline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ | Aplica outline-color: var(--color-neutral-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-100 | outline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ | Aplica outline-color: var(--color-neutral-100); /* oklch(97% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-200 | outline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ | Aplica outline-color: var(--color-neutral-200); /* oklch(92.2% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-300 | outline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ | Aplica outline-color: var(--color-neutral-300); /* oklch(87% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-400 | outline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ | Aplica outline-color: var(--color-neutral-400); /* oklch(70.8% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-500 | outline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ | Aplica outline-color: var(--color-neutral-500); /* oklch(55.6% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-600 | outline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ | Aplica outline-color: var(--color-neutral-600); /* oklch(43.9% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-700 | outline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ | Aplica outline-color: var(--color-neutral-700); /* oklch(37.1% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-800 | outline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ | Aplica outline-color: var(--color-neutral-800); /* oklch(26.9% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-900 | outline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ | Aplica outline-color: var(--color-neutral-900); /* oklch(20.5% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-neutral-950 | outline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ | Aplica outline-color: var(--color-neutral-950); /* oklch(14.5% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-50 | outline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ | Aplica outline-color: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-100 | outline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ | Aplica outline-color: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-200 | outline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ | Aplica outline-color: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-300 | outline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ | Aplica outline-color: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-400 | outline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ | Aplica outline-color: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-500 | outline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ | Aplica outline-color: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-600 | outline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ | Aplica outline-color: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-700 | outline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ | Aplica outline-color: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-800 | outline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ | Aplica outline-color: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-900 | outline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ | Aplica outline-color: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-stone-950 | outline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ | Aplica outline-color: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-50 | outline-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ | Aplica outline-color: var(--color-mauve-50); /* oklch(98.5% 0 0) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-100 | outline-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ | Aplica outline-color: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-200 | outline-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ | Aplica outline-color: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-300 | outline-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ | Aplica outline-color: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-400 | outline-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ | Aplica outline-color: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-500 | outline-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ | Aplica outline-color: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-600 | outline-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ | Aplica outline-color: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-700 | outline-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ | Aplica outline-color: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-800 | outline-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ | Aplica outline-color: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-900 | outline-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ | Aplica outline-color: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mauve-950 | outline-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ | Aplica outline-color: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-50 | outline-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ | Aplica outline-color: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-100 | outline-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ | Aplica outline-color: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-200 | outline-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ | Aplica outline-color: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-300 | outline-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ | Aplica outline-color: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-400 | outline-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ | Aplica outline-color: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-500 | outline-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ | Aplica outline-color: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-600 | outline-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ | Aplica outline-color: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-700 | outline-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ | Aplica outline-color: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-800 | outline-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ | Aplica outline-color: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-900 | outline-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ | Aplica outline-color: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-olive-950 | outline-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ | Aplica outline-color: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-50 | outline-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ | Aplica outline-color: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-100 | outline-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ | Aplica outline-color: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-200 | outline-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ | Aplica outline-color: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-300 | outline-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ | Aplica outline-color: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-400 | outline-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ | Aplica outline-color: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-500 | outline-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ | Aplica outline-color: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-600 | outline-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ | Aplica outline-color: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-700 | outline-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ | Aplica outline-color: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-800 | outline-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ | Aplica outline-color: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-900 | outline-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ | Aplica outline-color: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-mist-950 | outline-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ | Aplica outline-color: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-50 | outline-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ | Aplica outline-color: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-100 | outline-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ | Aplica outline-color: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-200 | outline-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ | Aplica outline-color: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-300 | outline-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ | Aplica outline-color: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-400 | outline-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ | Aplica outline-color: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-500 | outline-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ | Aplica outline-color: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-600 | outline-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ | Aplica outline-color: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-700 | outline-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ | Aplica outline-color: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-800 | outline-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ | Aplica outline-color: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-900 | outline-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ | Aplica outline-color: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-taupe-950 | outline-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ | Aplica outline-color: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-( <custom-property> ) | outline-color: var( <custom-property> ); | Aplica outline-color: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
outline-[ <value> ] | outline-color: <value> ; | Aplica outline-color: <value> ; al elemento; úsalo cuando necesites ajustar outline-color con esta utilidad. |
estilo de contorno
Fuente oficial: https://tailwindcss.com/docs/outline-style
Utilidades para controlar el estilo del contorno de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
outline-solid | outline-style: solid; | Aplica outline-style: solid; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
outline-dashed | outline-style: dashed; | Aplica outline-style: dashed; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
outline-dotted | outline-style: dotted; | Aplica outline-style: dotted; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
outline-double | outline-style: double; | Aplica outline-style: double; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
outline-none | outline-style: none; | Aplica outline-style: none; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
outline-hidden | outline: 2px solid transparent; outline-offset: 2px; | Aplica outline: 2px solid transparent; outline-offset: 2px; al elemento; úsalo cuando necesites ajustar outline-style con esta utilidad. |
desplazamiento de contorno
Fuente oficial: https://tailwindcss.com/docs/outline-offset
Utilidades para controlar el desplazamiento del contorno de un elemento.
| Clase de Utilidad | Propiedad CSS | Explicación Breve |
|---|---|---|
outline-offset- <number> | outline-offset: <number> px; | Aplica outline-offset: <number> px; al elemento; úsalo cuando necesites ajustar outline-offset con esta utilidad. |
-outline-offset- <number> | outline-offset: calc( <number> px * -1); | Aplica outline-offset: calc( <number> px * -1); al elemento; úsalo cuando necesites ajustar outline-offset con esta utilidad. |
outline-offset-( <custom-property> ) | outline-offset: var( <custom-property> ); | Aplica outline-offset: var( <custom-property> ); al elemento; úsalo cuando necesites ajustar outline-offset con esta utilidad. |
outline-offset-[ <value> ] | outline-offset: <value> ; | Aplica outline-offset: <value> ; al elemento; úsalo cuando necesites ajustar outline-offset con esta utilidad. |