|
1 | | -/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */ |
| 1 | +/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */ |
2 | 2 | @layer properties; |
3 | 3 | @layer theme, base, components, utilities; |
4 | 4 | @layer theme { |
|
501 | 501 | } |
502 | 502 | } |
503 | 503 | } |
| 504 | + .input { |
| 505 | + cursor: text; |
| 506 | + border: var(--border) solid #0000; |
| 507 | + position: relative; |
| 508 | + display: inline-flex; |
| 509 | + flex-shrink: 1; |
| 510 | + appearance: none; |
| 511 | + align-items: center; |
| 512 | + gap: calc(0.25rem * 2); |
| 513 | + background-color: var(--color-base-100); |
| 514 | + padding-inline: calc(0.25rem * 3); |
| 515 | + vertical-align: middle; |
| 516 | + white-space: nowrap; |
| 517 | + width: clamp(3rem, 20rem, 100%); |
| 518 | + height: var(--size); |
| 519 | + font-size: 0.875rem; |
| 520 | + border-start-start-radius: var(--join-ss, var(--radius-field)); |
| 521 | + border-start-end-radius: var(--join-se, var(--radius-field)); |
| 522 | + border-end-start-radius: var(--join-es, var(--radius-field)); |
| 523 | + border-end-end-radius: var(--join-ee, var(--radius-field)); |
| 524 | + border-color: var(--input-color); |
| 525 | + box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset; |
| 526 | + @supports (color: color-mix(in lab, red, red)) { |
| 527 | + box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset; |
| 528 | + } |
| 529 | + --size: calc(var(--size-field, 0.25rem) * 10); |
| 530 | + --input-color: var(--color-base-content); |
| 531 | + @supports (color: color-mix(in lab, red, red)) { |
| 532 | + --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); |
| 533 | + } |
| 534 | + &:where(input) { |
| 535 | + display: inline-flex; |
| 536 | + } |
| 537 | + :where(input) { |
| 538 | + display: inline-flex; |
| 539 | + height: 100%; |
| 540 | + width: 100%; |
| 541 | + appearance: none; |
| 542 | + background-color: transparent; |
| 543 | + border: none; |
| 544 | + &:focus, &:focus-within { |
| 545 | + --tw-outline-style: none; |
| 546 | + outline-style: none; |
| 547 | + @media (forced-colors: active) { |
| 548 | + outline: 2px solid transparent; |
| 549 | + outline-offset: 2px; |
| 550 | + } |
| 551 | + } |
| 552 | + } |
| 553 | + :where(input[type="date"]) { |
| 554 | + display: inline-block; |
| 555 | + } |
| 556 | + &:focus, &:focus-within { |
| 557 | + --input-color: var(--color-base-content); |
| 558 | + box-shadow: 0 1px var(--input-color); |
| 559 | + @supports (color: color-mix(in lab, red, red)) { |
| 560 | + box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); |
| 561 | + } |
| 562 | + outline: 2px solid var(--input-color); |
| 563 | + outline-offset: 2px; |
| 564 | + isolation: isolate; |
| 565 | + z-index: 1; |
| 566 | + } |
| 567 | + &:has(> input[disabled]), &:is(:disabled, [disabled]) { |
| 568 | + cursor: not-allowed; |
| 569 | + border-color: var(--color-base-200); |
| 570 | + background-color: var(--color-base-200); |
| 571 | + color: var(--color-base-content); |
| 572 | + @supports (color: color-mix(in lab, red, red)) { |
| 573 | + color: color-mix(in oklab, var(--color-base-content) 40%, transparent); |
| 574 | + } |
| 575 | + &::placeholder { |
| 576 | + color: var(--color-base-content); |
| 577 | + @supports (color: color-mix(in lab, red, red)) { |
| 578 | + color: color-mix(in oklab, var(--color-base-content) 20%, transparent); |
| 579 | + } |
| 580 | + } |
| 581 | + box-shadow: none; |
| 582 | + } |
| 583 | + &:has(> input[disabled]) > input[disabled] { |
| 584 | + cursor: not-allowed; |
| 585 | + } |
| 586 | + &::-webkit-date-and-time-value { |
| 587 | + text-align: inherit; |
| 588 | + } |
| 589 | + &[type="number"] { |
| 590 | + &::-webkit-inner-spin-button { |
| 591 | + margin-block: calc(0.25rem * -3); |
| 592 | + margin-inline-end: calc(0.25rem * -3); |
| 593 | + } |
| 594 | + } |
| 595 | + &::-webkit-calendar-picker-indicator { |
| 596 | + position: absolute; |
| 597 | + inset-inline-end: 0.75em; |
| 598 | + } |
| 599 | + } |
504 | 600 | .table { |
505 | 601 | font-size: 0.875rem; |
506 | 602 | position: relative; |
|
1624 | 1720 | line-height: var(--tw-leading, var(--text-xl--line-height)); |
1625 | 1721 | } |
1626 | 1722 | .transition { |
1627 | | - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; |
| 1723 | + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; |
1628 | 1724 | transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); |
1629 | 1725 | transition-duration: var(--tw-duration, var(--default-transition-duration)); |
1630 | 1726 | } |
|
0 commit comments