_common.scss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @charset "UTF-8";
  2. @import "base";
  3. @import 'module';
  4. html, body {
  5. font-size: 16px;
  6. width: 100%;
  7. height: 100%;
  8. position: fixed;
  9. top: 0;
  10. left: 0;
  11. }
  12. body {
  13. scroll-behavior: smooth;
  14. -webkit-font-smoothing: antialiased;
  15. font-family: 'Noto Sans TC', sans-serif;
  16. line-height: 1;
  17. &.style__hidden {
  18. overflow: hidden;
  19. }
  20. &.style__no__scroll {
  21. position: fixed;
  22. top: 0;
  23. left: 0;
  24. width: 100%;
  25. -webkit-overflow-scrolling: touch;
  26. }
  27. }
  28. #app {
  29. position: relative;
  30. width: 100%;
  31. height: 100%;
  32. overflow: hidden;
  33. background-size: cover;
  34. background-repeat: no-repeat;
  35. background-position: left top;
  36. background: linear-gradient(360deg, #FFEFBE 0%, rgba(255, 239, 190, 0) 46.86%), linear-gradient(0deg, rgba(255, 239, 190, 0.5), rgba(255, 239, 190, 0.5)), url('https://d1xzlli46wohoc.cloudfront.net/assets/images/bg.png');
  37. }
  38. .main__container {
  39. position: relative;
  40. width: 100%;
  41. height: 100%;
  42. max-width: 640px;
  43. margin-left: auto;
  44. margin-right: auto;
  45. }