variables.less 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. @orange: #f6b37f;
  2. @green: #4caf50;
  3. @cyan: #00bcd4;
  4. @blue: #3B9ED0;
  5. @red:#ff0000;
  6. @tab-color:#3B9ED0;
  7. /***按钮hover***/
  8. @button-hover: #aaa;
  9. @base-color: #dbdfe8;
  10. @body-bg: @base-color;
  11. @btn-text-color: #fff;
  12. @text-color: #333;
  13. @placeholder-color: #bfbfbf;
  14. @link-hover-decoration: underline;
  15. /* 个人信息,表格边框颜色 */
  16. @person-table-color:#BBBFC1;
  17. /* 各模块边框颜色 */
  18. @part-border-color:#aaa7a7;
  19. @font-size-base: 12px;
  20. @font-size-large: 14px;
  21. @font-size-small: 10px;
  22. @font-size-h1: 24px;
  23. @font-size-h2: 20px;
  24. @font-size-h3: 16px;
  25. @font-size-h4: 14px;
  26. @font-size-h5: @font-size-base;
  27. @font-size-h6: @font-size-base;
  28. @box-shadow: 2px 0px 7px rgba(152, 151, 152, .4);
  29. @border-color:#666;
  30. @border-radius: 2px;
  31. @border-radius-default: 2px;
  32. @dropdwon-normal-width:200px;
  33. @dropdwon-small-width:400px;
  34. @dropdwon-long-width:600px;
  35. @dropdwon-height:200px;
  36. @selected-bg:#fff;
  37. /*********推送内容容器宽度*************/
  38. @push-width: 450px;
  39. /****电子病历容器宽度*****/
  40. @EMR-width: calc(~"100% - "@push-width);
  41. /*******下拉框公用样式**********/
  42. .pop{
  43. position: absolute;
  44. top:40px;
  45. background: #fff;
  46. box-shadow: 0 10px 20px 0 #989DA3;
  47. z-index: 203;
  48. padding: 20px;
  49. white-space: nowrap;
  50. }
  51. .mult-li{
  52. // width: 200px;
  53. height: 32px;
  54. line-height: 32px;
  55. padding-right: 8px;
  56. }
  57. .select-li{
  58. height: 32px;
  59. line-height: 32px;
  60. width: 100%;
  61. font-size: 14px;
  62. text-align: left;
  63. border: none;
  64. color:#000000;
  65. padding-left: 40px;
  66. cursor: pointer;
  67. background: rgba(59,158,208,0.1);
  68. background-image: url(../images/first.png);
  69. background-repeat: no-repeat;
  70. background-position: 20px 10px;
  71. }
  72. .clear{
  73. width: 88px;
  74. height: 44px;
  75. line-height: 44px;
  76. font-size: 12px;
  77. color:@red;
  78. border: none;
  79. background: #fff;
  80. float: left;
  81. outline: none;
  82. text-align: center;
  83. cursor: pointer;
  84. }
  85. .confirm{
  86. width: 120px;
  87. height: 44px;
  88. line-height: 44px;
  89. color:@blue;
  90. font-size: 12px;
  91. border: 1px solid @blue;
  92. background: #fff;
  93. margin-left: 20px;
  94. float: right;
  95. outline: none;
  96. text-align: center;
  97. cursor: pointer;
  98. }
  99. :global(.red){
  100. color: @red;
  101. }
  102. .tag{
  103. display: inline-block;
  104. position: relative;
  105. /* margin-right: 5px;*/
  106. padding: 0 3px 3px 0;
  107. color: @placeholder-color;
  108. cursor: pointer;
  109. &:before{
  110. content: '[';
  111. /*text-indent: -5px;*/
  112. display: inline-block;
  113. }
  114. &:after{
  115. content: ']';
  116. /*width: 8px;*/
  117. display: inline-block;
  118. }
  119. }
  120. .selected-tag{
  121. position: relative;//发热
  122. display: inline-block;
  123. color: @text-color;
  124. /*padding: 0 3px 0;*/
  125. border-bottom: 1px @border-color solid;
  126. }
  127. .no-tag{
  128. display: inline-block;
  129. position: relative;
  130. /*margin-right: 5px;
  131. padding: 0 3px 0;*/
  132. color: unset!important;
  133. border:none!important;
  134. &:before,&:after{
  135. content: unset!important;
  136. }
  137. /*color: @placeholder-color;*/
  138. }
  139. .hide{
  140. display: none!important;
  141. }