- .tesseract-design-tag-input textarea + div > input {
- flex: auto;
- }
- .tesseract-design-tag-input.tag-input-small textarea + div > input {
- font-size: 0.625rem;
- }
-
- .tesseract-design-tag-input.tag-input-medium textarea + div > input {
- font-size: 0.75rem;
- }
-
- .tesseract-design-tag-input.tag-input-default textarea + div {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .tesseract-design-tag-input.tag-input-alternate textarea + div {
- padding-left: 0.375rem;
- padding-right: 0.375rem;
- }
-
- .tesseract-design-tag-input.tag-input-small.tag-input-default textarea + div {
- padding-top: 0.625rem;
- padding-bottom: 0.875rem;
- }
-
- .tesseract-design-tag-input.tag-input-medium.tag-input-default textarea + div {
- padding-top: 0.75rem;
- padding-bottom: 1rem;
- }
-
- .tesseract-design-tag-input.tag-input-large.tag-input-default textarea + div {
- padding-top: 1rem;
- padding-bottom: 1.25rem;
- }
-
- .tesseract-design-tag-input.tag-input-small.tag-input-alternate textarea + div {
- padding-top: 1.375rem;
- }
-
- .tesseract-design-tag-input.tag-input-medium.tag-input-alternate textarea + div {
- padding-top: 1.5rem;
- }
-
- .tesseract-design-tag-input.tag-input-large.tag-input-alternate textarea + div {
- padding-top: 1.75rem;
- }
-
- .tesseract-design-tag-input.tag-input-small textarea + div {
- gap: 0.25rem;
- min-height: 2.5rem;
- }
-
- .tesseract-design-tag-input.tag-input-small.tag-input-indicator textarea + div {
- padding-right: 2.5rem;
- }
-
- .tesseract-design-tag-input.tag-input-medium textarea + div {
- gap: 0.375rem;
- min-height: 3rem;
- }
-
- .tesseract-design-tag-input.tag-input-medium.tag-input-indicator textarea + div {
- padding-right: 3rem;
- }
-
- .tesseract-design-tag-input.tag-input-large textarea + div {
- gap: 0.375rem;
- min-height: 4rem;
- }
-
- .tesseract-design-tag-input.tag-input-large.tag-input-indicator textarea + div {
- padding-right: 4rem;
- }
-
- .tesseract-design-tag-input textarea + div > span {
- padding: 0.125rem;
- border-radius: 0.25rem;
- line-height: 1;
- background-color: rgb(var(--color-positive) / 25%);
- }
-
- .tesseract-design-tag-input textarea + div > span span {
- pointer-events: none;
- }
-
- .tesseract-design-tag-input textarea + div > span button {
- color: rgb(var(--color-primary));
- padding: 0;
- width: 1rem;
- margin-left: 0.25rem;
- }
-
- .tesseract-design-tag-input textarea + div > span button:hover {
- color: rgb(var(--color-primary));
- }
|