common.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. $borderWidth: 1px;
  2. $borderColor: #ccc;
  3. $hoverColor: #409EFF;
  4. $w: 800px;
  5. $radiusWidth: 4px;
  6. $size3: 23px;
  7. .saga-size3 {
  8. font-size: $size3;
  9. }
  10. .select-bg {
  11. background-color: $hoverColor;
  12. }
  13. .saga-border {
  14. border: $borderWidth solid $borderColor;
  15. box-sizing: border-box;
  16. border-radius: $radiusWidth;
  17. }
  18. .el-dialog__body {
  19. padding: 0;
  20. }
  21. body .htFiltersConditionsMenu:not(.htGhostTable) {
  22. z-index: 4070;
  23. }
  24. .border-hover {}
  25. .border-hover:hover {
  26. border-color: $hoverColor;
  27. }
  28. .saga-dashed-border {
  29. border: $borderWidth dashed $borderColor;
  30. border-radius: $radiusWidth;
  31. }
  32. .flex {
  33. display: flex;
  34. justify-content: space-around;
  35. }
  36. .saga-fill {
  37. width: 100%;
  38. height: 100%;
  39. }
  40. .margin5 {
  41. margin: 18px 18px 18px 10px;
  42. }
  43. .dcenter {
  44. margin-left: auto;
  45. margin-right: auto;
  46. }
  47. .h1 {
  48. font-size: 24px;
  49. color: #8E9CC1;
  50. }
  51. .h3 {
  52. font-size: 14px;
  53. color: #333;
  54. }
  55. .h5 {
  56. font-size: 12px;
  57. color: #999;
  58. }
  59. .center {
  60. text-align: center;
  61. }
  62. .padding10 {
  63. padding: 10px;
  64. }
  65. .bg-F5 {
  66. background: #F5FCFF;
  67. }
  68. .block {
  69. display: block;
  70. }
  71. .w {
  72. width: $w;
  73. }
  74. .h100 {
  75. height: 100%;
  76. }
  77. .p-over2 {
  78. text-overflow: -o-ellipsis-lastline;
  79. overflow: hidden;
  80. text-overflow: ellipsis;
  81. display: -webkit-box;
  82. -webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行
  83. -webkit-box-orient: vertical;
  84. overflow-wrap: break-word;
  85. }
  86. .pointer {
  87. cursor: pointer;
  88. }
  89. @media screen and (max-width: 1200px) {
  90. .w {
  91. width: 560px;
  92. }
  93. html {
  94. overflow-x: auto;
  95. overflow-y: auto;
  96. }
  97. }