comment.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /*公共*/
  2. .vent-flex-row {
  3. display: flex;
  4. align-items: center;
  5. }
  6. .vent-flex-row-between {
  7. display: flex;
  8. align-items: center;
  9. justify-content: space-between;
  10. }
  11. .vent-flex-row-wrap {
  12. display: flex;
  13. flex-wrap: wrap;
  14. }
  15. .vent-row-center{
  16. display: flex;
  17. justify-content: center;
  18. align-items: center;
  19. }
  20. .vent-column-center {
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: center;
  24. align-items: center;
  25. }
  26. .vent-right{
  27. text-align: right;
  28. }
  29. .vent-margin-b-20{
  30. margin-bottom: 20px;
  31. }
  32. .vent-margin-b-10 {
  33. margin-bottom: 10px;
  34. }
  35. .vent-margin-b-5 {
  36. margin-bottom: 5px;
  37. }
  38. .vent-margin-t-20 {
  39. margin-top: 20px !important;
  40. }
  41. .vent-margin-t-15 {
  42. margin-top: 15px !important;
  43. }
  44. .vent-margin-t-10 {
  45. margin-top: 10px;
  46. }
  47. .vent-margin-l-8 {
  48. margin-left: 8px;
  49. }
  50. .vent-margin-l-10 {
  51. margin-left: 10px;
  52. }
  53. .vent-margin-l-15 {
  54. margin-left: 15px;
  55. }
  56. .vent-margin-l-20 {
  57. margin-left: 20px;
  58. }
  59. .vent-margin-r-8 {
  60. margin-right: 8px;
  61. }
  62. .vent-padding-lr-5{
  63. padding: 0 5px
  64. }
  65. .table-action-link {
  66. color: #00e7ff;
  67. padding: 0 5px;
  68. }
  69. .signal-round {
  70. display: inline-block;
  71. width: 8px;
  72. height: 8px;
  73. border-radius: 50%;
  74. // margin: 0 10px;
  75. position: relative;
  76. &::after {
  77. display: block;
  78. content: '';
  79. position: absolute;
  80. width: 12px;
  81. height: 12px;
  82. top: -2px;
  83. left: -2px;
  84. border-radius: 50%;
  85. }
  86. }
  87. .signal-round-gry {
  88. background-color: #858585;
  89. &::after {
  90. background-color: #85858544;
  91. box-shadow: 0 0 1px 1px #85858599;
  92. }
  93. }
  94. .signal-round-run {
  95. background-color: #67fc00;
  96. &::after {
  97. background-color: #67fc0044;
  98. box-shadow: 0 0 1px 1px #c6ff77;
  99. }
  100. }
  101. .signal-round-blue {
  102. background-color: #00ffe1;
  103. &::after {
  104. background-color: #00b2de66;
  105. box-shadow: 0 0 1px 1px rgba(105, 238, 255, 0.3);
  106. }
  107. }
  108. .signal-round-warning {
  109. background-color: #e9170b;
  110. &::after {
  111. background-color: #e9170b44;
  112. box-shadow: 0 0 1px 1px #e9170b;
  113. }
  114. }