index.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* ./src/index.css */
  2. @tailwind base;
  3. @tailwind components;
  4. @tailwind utilities;
  5. :root {
  6. --el-color-primary: #2DC7AA !important;
  7. --el-color-primary-light-3: #2DC7AF !important;
  8. --el-color-primary-light-5: #2FD8AC !important;
  9. --el-color-primary-light-7: #2FD8AC !important;
  10. --el-color-primary-light-8: #bbffef !important;
  11. --el-color-primary-light-9: #ecf9f6 !important;
  12. --el-color-primary-dark-2: #24ad93 !important;
  13. --searchbgColor:'#f6f7f8' !important;
  14. --el-border-radius-round: 999px !important;
  15. --el-border-radius-base: 10px !important;
  16. }
  17. html {
  18. font-size: 16px !important;
  19. }
  20. body {
  21. background: #F6F7F8;
  22. }
  23. .user-shadow {
  24. box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1000);
  25. }
  26. ::-webkit-scrollbar {
  27. width: 8px; /* 纵向滚动条*/
  28. height: 8px; /* 横向滚动条 */
  29. background-color: #fff;
  30. }
  31. /*定义滚动条轨道 内阴影*/
  32. ::-webkit-scrollbar-track {
  33. -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
  34. background-color: #fff;
  35. }
  36. /*定义滑块 内阴影*/
  37. ::-webkit-scrollbar-thumb {
  38. -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
  39. background-color: #d5d5d5;
  40. }