index.less 736 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import '../../app.less';
  2. .ratio-pie {
  3. .pie-chart {
  4. display: inline-block;
  5. margin-right: 45px;
  6. }
  7. .label-list {
  8. width: 250px;
  9. padding-top: 20px;
  10. vertical-align: top;
  11. display: inline-block;
  12. .item {
  13. display: inline-block;
  14. width: 125px;
  15. position: relative;
  16. color: #686872;
  17. margin-bottom: 5px;
  18. i {
  19. position: absolute;
  20. left: -20px;
  21. top: 5px;
  22. width: 10px;
  23. height: 10px;
  24. border-radius: 50%;
  25. }
  26. }
  27. }
  28. }
  29. .ratio-pie.small {
  30. .pie-chart {
  31. margin-right: 25px;
  32. }
  33. .label-list {
  34. width: 110px;
  35. padding-top: 5px;
  36. .item {
  37. width: 110px;
  38. font-size: 12px;
  39. margin-bottom: 0;
  40. }
  41. }
  42. }