connect.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. form{
  2. &.user-login-form{
  3. padding: 2rem;
  4. background: white;
  5. width: 100%;
  6. max-width: 300px;
  7. margin: auto;
  8. &.form-item{
  9. flex-wrap: wrap !important;
  10. }
  11. & > div {
  12. &:not(:last-child){
  13. margin-bottom: 2rem;
  14. }
  15. .js-form-required{
  16. margin-bottom: 0;
  17. font-family: 'Marianneregular';
  18. }
  19. label{
  20. font-size: 0.9rem;
  21. }
  22. input{
  23. border: 2px solid $color2;
  24. border-radius: 10px;
  25. padding: 0.5rem;
  26. width: 100%;
  27. &:focus{
  28. border: 2px solid $color1;
  29. border-radius: 10px!important;
  30. padding: 0.5rem!important;
  31. outline: none!important;
  32. }
  33. }
  34. .description{
  35. font-size: 0.6rem;
  36. margin-top: 0.4rem;
  37. font-family: 'Mariannelight';
  38. width: 100%;
  39. }
  40. }
  41. #edit-actions{
  42. display: flex;
  43. input{
  44. margin: auto;
  45. background: white;
  46. &:hover{
  47. @include shadow;
  48. }
  49. }
  50. }
  51. }
  52. }