1. .Checkbox {

  2.   flex: 0 0 auto;

  3.   align-self: center;

  4.   margin: 0 0.25rem;

  5. }

  6. 

  7. .Input {

  8.   flex: 1 1;

  9.   background: none;

  10.   border: 1px solid transparent;

  11.   color: var(--color-attribute-editable-value);

  12.   border-radius: 0.125rem;

  13.   font-family: var(--font-family-monospace);

  14.   font-size: var(--font-size-monospace-normal);

  15. }

  16. 

  17. .Invalid {

  18.   flex: 1 1;

  19.   background: none;

  20.   border: 1px solid transparent;

  21.   color: var(--color-attribute-editable-value);

  22.   border-radius: 0.125rem;

  23.   font-family: var(--font-family-monospace);

  24.   font-size: var(--font-size-monospace-normal);

  25.   background-color: var(--color-background-invalid);

  26.   color: var(--color-text-invalid);

  27. 

  28.   --color-border: var(--color-text-invalid);

  29. }

  30. 

  31. .Input:focus,

  32. .Invalid:focus {

  33.   background-color: var(--color-button-background-focus);

  34.   outline: none;

  35. }
About Sign Up Leave Feedback Contact