auth.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. .auth-aux-logo {
  2. position: absolute;
  3. top: var(--spacing-06);
  4. left: var(--spacing-06);
  5. img {
  6. height: 40px;
  7. }
  8. }
  9. .auth-aux-container {
  10. padding-top: calc($header-height + $spacing-11);
  11. max-width: 320px;
  12. min-height: 100vh;
  13. margin-left: auto;
  14. margin-right: auto;
  15. .recaptcha-branding {
  16. @include body-xs;
  17. padding: 0;
  18. text-align: left;
  19. }
  20. }
  21. .auth-aux-new-password ~ .notification {
  22. margin-top: var(--spacing-04);
  23. }
  24. .login-overleaf-logo-container {
  25. display: block;
  26. padding: var(--spacing-06);
  27. text-align: center;
  28. padding-top: var(--spacing-13);
  29. padding-bottom: var(--spacing-09);
  30. }
  31. .login-register-container {
  32. max-width: 400px;
  33. margin: 0 auto;
  34. padding-bottom: 125px;
  35. }
  36. .login-register-error-container {
  37. padding-bottom: var(--spacing-05);
  38. text-align: left;
  39. }
  40. .login-register-card {
  41. padding-top: 0;
  42. padding-bottom: 0;
  43. text-align: center;
  44. }
  45. .login-register-header {
  46. padding-bottom: var(--spacing-07);
  47. border-bottom: solid 1px var(--border-divider);
  48. }
  49. .login-register-header-heading {
  50. margin: 0;
  51. color: var(--content-secondary);
  52. }
  53. .login-register-hr-text-container {
  54. line-height: 1;
  55. position: relative;
  56. padding: var(--spacing-08) 0;
  57. font-size: var(--font-size-02);
  58. &::before {
  59. content: '';
  60. position: absolute;
  61. height: 1px;
  62. background-color: var(--neutral-20);
  63. top: 50%;
  64. left: 0;
  65. right: 0;
  66. }
  67. }
  68. .login-register-hr-text {
  69. position: relative;
  70. background-color: #fff;
  71. padding: 0 var(--spacing-05);
  72. }
  73. .login-register-text,
  74. .login-register-hr-text-container {
  75. margin: 0;
  76. }
  77. .login-register-text {
  78. padding-bottom: var(--spacing-08);
  79. &:last-child {
  80. padding-bottom: 0;
  81. }
  82. }
  83. .sso-auth-login-container {
  84. max-width: 400px;
  85. margin: 0 auto;
  86. padding: 0 var(--spacing-06);
  87. h1 {
  88. font-size: var(--font-size-07);
  89. line-height: var(--line-height-06);
  90. }
  91. .login-register-text {
  92. font-size: var(--font-size-02);
  93. }
  94. .email-label {
  95. padding-top: var(--spacing-06);
  96. }
  97. .login-register-other-links {
  98. padding-top: var(--spacing-09);
  99. }
  100. }