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.

95 lines
1.2 KiB

  1. @import "./mixin.scss";
  2. @import "./transition.scss";
  3. @import "./element-plus.scss";
  4. @import "./sidebar.scss";
  5. @import "./dark.scss";
  6. body {
  7. width: 100%;
  8. height: 100%;
  9. margin: 0;
  10. padding: 0;
  11. -moz-osx-font-smoothing: grayscale;
  12. -webkit-font-smoothing: antialiased;
  13. text-rendering: optimizelegibility;
  14. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
  15. "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  16. }
  17. html {
  18. width: 100%;
  19. height: 100%;
  20. box-sizing: border-box;
  21. }
  22. #app {
  23. width: 100%;
  24. height: 100%;
  25. }
  26. label {
  27. font-weight: 700;
  28. }
  29. *,
  30. *::before,
  31. *::after {
  32. box-sizing: inherit;
  33. }
  34. a:focus,
  35. a:active {
  36. outline: none;
  37. }
  38. a,
  39. a:focus,
  40. a:hover {
  41. cursor: pointer;
  42. color: inherit;
  43. text-decoration: none;
  44. }
  45. div:focus {
  46. outline: none;
  47. }
  48. ul {
  49. margin: 0;
  50. padding: 0;
  51. list-style: none;
  52. }
  53. .clearfix {
  54. &::after {
  55. visibility: hidden;
  56. display: block;
  57. font-size: 0;
  58. content: " ";
  59. clear: both;
  60. height: 0;
  61. }
  62. }
  63. /* 头部用户信息样式重置 */
  64. .hidden {
  65. display: none !important;
  66. }
  67. /* 灰色模式 */
  68. .html-grey {
  69. filter: grayscale(100%);
  70. }
  71. /* 色弱模式 */
  72. .html-weakness {
  73. filter: invert(80%);
  74. }
  75. .pc-spacing {
  76. margin: 10px;
  77. }
  78. .mobile-spacing {
  79. margin: 0;
  80. }