common.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. %boxSizing {
  2. box-sizing: border-box;
  3. }
  4. %TextEllipsis {
  5. overflow: hidden;
  6. text-overflow: ellipsis;
  7. white-space: nowrap;
  8. }
  9. [class*="vxe-"] {
  10. @extend %boxSizing;
  11. &:after, &:before,
  12. *:after, *:before {
  13. @extend %boxSizing;
  14. }
  15. }
  16. body {
  17. margin: 0;
  18. line-height: 1.5;
  19. font-variant: tabular-nums;
  20. font-feature-settings: 'tnum';
  21. }
  22. .vxe-primary-color {
  23. color: $vxe-primary-color;
  24. }
  25. .vxe-success-color {
  26. color: $vxe-success-color;
  27. }
  28. .vxe-info-color {
  29. color: $vxe-info-color;
  30. }
  31. .vxe-warning-color {
  32. color: $vxe-warning-color;
  33. }
  34. .vxe-danger-color {
  35. color: $vxe-danger-color;
  36. }
  37. .vxe-perfect-color {
  38. color: $vxe-table-header-background-color;
  39. }
  40. // 24 栅格布局
  41. .vxe-row {
  42. $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
  43. 37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
  44. 70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
  45. &:after {
  46. content: '';
  47. display: block;
  48. clear: both;
  49. height: 0;
  50. overflow: hidden;
  51. visibility: hidden;
  52. }
  53. @for $index from 0 to length($spans) {
  54. & > .vxe-col--#{$index + 1} {
  55. float: left;
  56. width: nth($spans, $index + 1);
  57. }
  58. }
  59. }
  60. /*animat*/
  61. .t--animat {
  62. .vxe-sort--asc-btn,
  63. .vxe-sort--desc-btn,
  64. .vxe-filter--btn {
  65. &:before,
  66. &:after {
  67. @include animatTransition(border);
  68. }
  69. }
  70. .vxe-input--wrapper {
  71. .vxe-input {
  72. @include animatTransition(border);
  73. }
  74. }
  75. .vxe-table--expand-btn,
  76. .vxe-tree--node-btn {
  77. @include animatTransition(transform);
  78. }
  79. .vxe-checkbox,
  80. .vxe-radio {
  81. > input {
  82. &:checked+span {
  83. @include animatTransition(background-color);
  84. }
  85. }
  86. }
  87. }