packages/ui/src/components/input.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

[data-component="input"] {
  width: 100%;
  /* [data-slot="input-label"] {} */

  [data-slot="input-input"] {
    width: 100%;
    color: var(--text-strong);

    /* text-14-regular */
    font-family: var(--font-family-sans);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-large); /* 142.857% */
    letter-spacing: var(--letter-spacing-normal);

    &:focus {
      outline: none;
    }

    &::placeholder {
      color: var(--text-weak);
    }
  }
}