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 2.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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. margin-bottom: 20px;
  44. }
  45. #enter_room {
  46. align-items: center;
  47. display: flex;
  48. max-width: calc(100% - 40px);
  49. margin-bottom: 20px;
  50. position: relative;
  51. width: 650px;
  52. z-index: $zindex2;
  53. .enter-room-input {
  54. display: inline-block;
  55. margin-right: 8px;
  56. width: 100%;
  57. }
  58. }
  59. .tab-container {
  60. font-size: 16px;
  61. position: relative;
  62. text-align: left;
  63. width: 650px;
  64. }
  65. }
  66. .welcome-page-button {
  67. font-size: 16px;
  68. }
  69. .welcome-page-settings {
  70. color: $welcomePageDescriptionColor;
  71. position: absolute;
  72. right: 10px;
  73. z-index: $zindex2;
  74. * {
  75. cursor: pointer;
  76. }
  77. }
  78. .welcome-watermark {
  79. position: absolute;
  80. width: 100%;
  81. height: 100%;
  82. }
  83. }