style.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. // 资源图片目录地址(必要)
  2. $img-base-path: "bill/assets/img/";
  3. @import "bill/assets/scss/theme-editor.scss";
  4. html,
  5. body {
  6. width: 100%;
  7. height: 100%;
  8. margin: 0;
  9. overflow: hidden;
  10. }
  11. :root body {
  12. --hide-header-top: calc(-1 * var(--editor-head-height));
  13. --show-header-top: 0px;
  14. // mini-map size
  15. --simle-map-width: 400px;
  16. --simle-map-height: 200px;
  17. --scale-simle-map-width: 600px;
  18. --scale-simle-map-height: 300px;
  19. // 搜索框
  20. --global-search-width: 340px;
  21. --taggle-btn-width: 30px;
  22. --body-right-margin: 20px;
  23. --left-pano-width: 340px;
  24. }
  25. h1, h2, h3, h4, h5, h6 {
  26. color: inherit;
  27. }
  28. a {
  29. color: var(--color-main-normal);
  30. }
  31. p {
  32. margin: 0;
  33. }
  34. #app {
  35. width: 100%;
  36. height: 100%;
  37. }
  38. .clear-float::after {
  39. content: '';
  40. display: block;
  41. clear: both;
  42. }
  43. .require {
  44. position: relative;
  45. &::before {
  46. content: '*';
  47. position: absolute;
  48. top: 50%;
  49. transform: translateY(-50%);
  50. right: 100%;
  51. margin-right: 4px;
  52. color: #FA3F48;
  53. line-height: 1.5em;
  54. }
  55. }
  56. .more-menu {
  57. position: relative;
  58. &::after {
  59. content: '';
  60. box-sizing: content-box;
  61. font-size: 5px;
  62. position: absolute;
  63. bottom: 0;
  64. right: 0;
  65. width: 0;
  66. height: 0;
  67. border-bottom: 1em solid var(--colors-normal-base);
  68. border-left: 1em solid transparent;
  69. }
  70. }
  71. canvas {
  72. outline: none;
  73. }
  74. .ui-editor-toolbox {
  75. top: calc(var(--editor-head-height) + var(--header-top));
  76. transition: inset ease 0.3s;
  77. }
  78. .ui-editor-menu .ui-editor-menu-item {
  79. width: auto;
  80. }
  81. input::-ms-clear,input::-ms-reveal {
  82. display: none;
  83. }
  84. /*定义滚动条高宽及背景
  85. 高宽分别对应横竖滚动条的尺寸*/
  86. ::-webkit-scrollbar
  87. {
  88. width: 6px;
  89. height: 6px;
  90. background-color:rgba(0,0,0,0);
  91. }
  92. /*定义滚动条轨道
  93. 内阴影+圆角*/
  94. ::-webkit-scrollbar-track
  95. {
  96. -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  97. border-radius: 3px;
  98. background-color:rgba(255, 255, 255, 0);
  99. }
  100. /*定义滑块
  101. 内阴影+圆角*/
  102. ::-webkit-scrollbar-thumb
  103. {
  104. -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  105. border-radius: 3px;
  106. background-color:rgba(255, 255, 255, 0.5);
  107. }
  108. input:-webkit-autofill {
  109. /*自动填充文字颜色*/
  110. -webkit-text-fill-color: #fff !important;
  111. /*自动填充背景颜色*/
  112. -webkit-box-shadow: 0 0 0px 1000px #313131 inset;
  113. border-color: var(--colors-primary-base) !important;
  114. // -webkit-box-shadow: 0 0 0px 1000px #313131 inset !important;//关于解决输入框背景颜色
  115. // -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
  116. // font-size: 14px !important;
  117. // border-color: 1px solid rgba(255, 255, 255, 0.2) !important;
  118. }
  119. .vc-switch {
  120. z-index: 99999999 !important;
  121. }