_forms.scss 990 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. input[type="text"],
  2. input[type="email"],
  3. input[type="url"],
  4. input[type="password"],
  5. input[type="search"],
  6. input[type="number"],
  7. input[type="tel"],
  8. input[type="range"],
  9. input[type="date"],
  10. input[type="month"],
  11. input[type="week"],
  12. input[type="time"],
  13. input[type="datetime"],
  14. input[type="datetime-local"],
  15. input[type="color"],
  16. textarea {
  17. border: var(--form--border-width) solid var(--form--border-color);
  18. border-radius: var(--form--border-radius);
  19. color: var(--form--color-text);
  20. line-height: var(--global--line-height-body);
  21. padding: var(--form--spacing-unit);
  22. background: var(--form--background-color);
  23. box-shadow: var(--form--box-shadow);
  24. &:focus {
  25. color: var(--form--color-text);
  26. border-color: var(--form--border-color);
  27. }
  28. }
  29. select {
  30. border: var(--form--border-width) solid var(--form--border-color);
  31. }
  32. textarea {
  33. width: 100%;
  34. }
  35. // Vertically align checkbox + label relationship
  36. input[type=checkbox] + label {
  37. display: inline;
  38. margin-left: 0.5em;
  39. line-height: 1em;
  40. }