index.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. // global
  2. @import "./global.scss";
  3. // color-ui
  4. @import "./colorui.css";
  5. // public
  6. @import "./public.scss";
  7. // iconfont
  8. @import "@/static/iconfont/iconfont.css";
  9. // sidebar
  10. @import "./sidebar.scss";
  11. .divider-default {
  12. width: 0.5px;
  13. background-color: #333;
  14. }
  15. .shadow-default {
  16. box-shadow: 1px 1px 4px rgb(26 26 26 / 10%)
  17. }
  18. /* 外边距、内边距全局样式
  19. ------------------------------- */
  20. @for $i from 0 through 100 {
  21. // margin
  22. .m#{$i} {
  23. margin: #{$i}px !important;
  24. }
  25. .mt#{$i} {
  26. margin-top: #{$i}px !important;
  27. }
  28. .mr#{$i} {
  29. margin-right: #{$i}px !important;
  30. }
  31. .mb#{$i} {
  32. margin-bottom: #{$i}px !important;
  33. }
  34. .ml#{$i} {
  35. margin-left: #{$i}px !important;
  36. }
  37. .mlr#{$i} {
  38. margin-left: #{$i}px !important;
  39. margin-right: #{$i}px !important;
  40. }
  41. .mtb#{$i} {
  42. margin-top: #{$i}px !important;
  43. margin-bottom: #{$i}px !important;
  44. }
  45. // padding
  46. .p#{$i} {
  47. padding: #{$i}px !important;
  48. }
  49. .pt#{$i} {
  50. padding-top: #{$i}px !important;
  51. }
  52. .pr#{$i} {
  53. padding-right: #{$i}px !important;
  54. }
  55. .pb#{$i} {
  56. padding-bottom: #{$i}px !important;
  57. }
  58. .pl#{$i} {
  59. padding-left: #{$i}px !important;
  60. }
  61. .plr#{$i} {
  62. padding-left: #{$i}px !important;
  63. padding-right: #{$i}px !important;
  64. }
  65. .ptb#{$i} {
  66. padding-top: #{$i}px !important;
  67. padding-bottom: #{$i}px !important;
  68. }
  69. }
  70. /* 文本
  71. ------------------------------- */
  72. @for $i from 10 through 500 {
  73. .font#{$i} {
  74. font-size: #{$i}upx;
  75. }
  76. }
  77. .text-ellipsis {
  78. overflow: hidden; //超出的文本隐藏
  79. text-overflow: ellipsis; //溢出用省略号显示
  80. white-space: nowrap; // 默认不换行;
  81. }
  82. .verify {
  83. color: #2a98ff;
  84. font-size: 14px;
  85. padding-left: 0px;
  86. padding-right: 0px;
  87. background-color: transparent;
  88. &::after {
  89. border: 0px;
  90. }
  91. }