packages/pass/components/Form/Field/ListField.scss

   1 li.pass-field-text-group--item {
   2         background-color: var(--interaction-norm-minor-1);
   3         transition: background-color 0.2s;
   4
   5         input {
   6                 min-inline-size: unset;
   7                 inline-size: auto;
   8         }
   9
  10         button {
  11                 color: var(--interaction-weak-contrast);
  12                 border-color: transparent;
  13                 transition:
  14                         border-color 0.2s,
  15                         color 0.2s;
  16
  17                 span {
  18                         user-select: text;
  19
  20                         &:focus {
  21                                 outline: none;
  22                                 color: var(--interaction-weak-contrast);
  23                         }
  24                 }
  25         }
  26         &#{'\\:error'} {
  27                 background-color: transparent;
  28                 border-color: var(--signal-danger);
  29
  30                 button {
  31                         color: var(--signal-danger);
  32                 }
  33         }
  34
  35         &#{'\\:loading'} {
  36                 background-color: transparent;
  37                 border-color: var(--interaction-weak-contrast);
  38
  39                 button {
  40                         color: var(--interaction-weak-contrast);
  41                 }
  42         }
  43 }