style.css 781 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. :root {
  2. --color-form: rgb(203, 222, 228);
  3. --color-field: rgba(255, 0, 0, 0.123);
  4. --color-label: rgba(0, 255, 42, 0.123);
  5. --color-input: rgba(0, 4, 255, 0.123);
  6. }
  7. /* Remove the code below to restore colors */
  8. :root { --color-form: transparent; --color-field: transparent; --color-label: transparent; --color-input: transparent; }
  9. body {
  10. display: flex;
  11. flex-direction: column;
  12. }
  13. .body--centered {
  14. align-items: center;
  15. }
  16. .form {
  17. display: flex;
  18. flex-direction: column;
  19. background-color: var(--color-form);
  20. }
  21. .field {
  22. display: flex;
  23. align-items: center;
  24. background-color: var(--color-field);
  25. margin: 0.2em 0px;
  26. }
  27. .field__label {
  28. flex: 1;
  29. background-color: var(--color-label);
  30. }
  31. .field__input {
  32. flex: 2;
  33. background-color: var(--color-input);
  34. }