You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_welcome_page.scss 1.8KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. body.welcome-page {
  2. background: inherit;
  3. overflow: auto;
  4. }
  5. .welcome {
  6. background-color: $welcomePageHeaderBackground;
  7. display: flex;
  8. flex-direction: column;
  9. font-family: $welcomePageFontFamily;
  10. justify-content: space-between;
  11. min-height: 100vh;
  12. position: relative;
  13. .header {
  14. align-items: center;
  15. display: flex;
  16. flex-direction: column;
  17. min-height: fit-content;
  18. overflow: hidden;
  19. position: relative;
  20. text-align: center;
  21. .header-text {
  22. display: flex;
  23. flex-direction: column;
  24. margin-top: $watermarkHeight + 80;
  25. margin-bottom: 36px;
  26. max-width: calc(100% - 40px);
  27. width: 650px;
  28. z-index: $zindex2;
  29. }
  30. .header-text-title {
  31. color: $welcomePageTitleColor;
  32. font-size: 2.5rem;
  33. font-weight: 500;
  34. letter-spacing: 0;
  35. line-height: 1.18;
  36. margin-bottom: 16px;
  37. }
  38. .header-text-description {
  39. color: $welcomePageDescriptionColor;
  40. font-size: 1rem;
  41. font-weight: 400;
  42. line-height: 24px;
  43. }
  44. #enter_room {
  45. align-items: center;
  46. display: flex;
  47. max-width: calc(100% - 40px);
  48. margin-bottom: 20px;
  49. position: relative;
  50. width: 650px;
  51. z-index: $zindex2;
  52. .enter-room-input {
  53. display: inline-block;
  54. margin-right: 8px;
  55. width: 100%;
  56. }
  57. }
  58. }
  59. .welcome-page-button {
  60. font-size: 16px;
  61. }
  62. .welcome-watermark {
  63. position: absolute;
  64. width: 100%;
  65. height: 100%;
  66. }
  67. }