_forms.scss 983 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .form-item{
  2. display: flex;
  3. flex-direction: column;
  4. }
  5. label{
  6. padding-bottom: 0.5rem;
  7. }
  8. input{
  9. height: 2rem;
  10. width: 50%;
  11. @media (max-width:500px) {
  12. width: 90%;
  13. }
  14. }
  15. .description{
  16. width: 50%;
  17. @media (max-width:500px) {
  18. width: 90%;
  19. }
  20. }
  21. .form-submit{
  22. height: 3rem !important;
  23. margin-bottom: 1rem;
  24. font-size: 1.2rem;
  25. font-weight: 300;
  26. width: fit-content;
  27. @extend %buttonwithborder;
  28. @media (max-width:891px) {
  29. font-size: 1rem;
  30. }
  31. }
  32. #user-login-form{
  33. padding-left: 2rem;
  34. .form-item{
  35. flex-direction: row;
  36. padding-bottom: 1rem;
  37. padding-left: 0.2;
  38. width: 80%;
  39. label{
  40. padding-right: 0.5rem;
  41. flex: 1 1 auto;
  42. }
  43. }
  44. }
  45. #edit-persistent-login{
  46. height: 1.5rem;
  47. }
  48. #edit-field-telephone-0-phone{
  49. @extend %buttonwithborder;
  50. }
  51. h4{
  52. text-align: start;
  53. padding-left:10% ;
  54. font-size: 2rem;
  55. }