common.less 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. body * {
  2. box-sizing: border-box;
  3. flex-shrink: 0;
  4. }
  5. body {
  6. font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
  7. }
  8. button {
  9. margin: 0;
  10. padding: 0;
  11. border: 1px solid transparent;
  12. outline: none;
  13. background-color: transparent;
  14. }
  15. button:active {
  16. opacity: 0.6;
  17. }
  18. .flex-col {
  19. display: flex;
  20. flex-direction: column;
  21. }
  22. .flex-row {
  23. display: flex;
  24. flex-direction: row;
  25. }
  26. .justify-start {
  27. display: flex;
  28. justify-content: flex-start;
  29. }
  30. .justify-center {
  31. display: flex;
  32. justify-content: center;
  33. }
  34. .justify-end {
  35. display: flex;
  36. justify-content: flex-end;
  37. }
  38. .justify-evenly {
  39. display: flex;
  40. justify-content: space-evenly;
  41. }
  42. .justify-around {
  43. display: flex;
  44. justify-content: space-around;
  45. }
  46. .justify-between {
  47. display: flex;
  48. justify-content: space-between;
  49. }
  50. .align-start {
  51. display: flex;
  52. align-items: flex-start;
  53. }
  54. .align-center {
  55. display: flex;
  56. align-items: center;
  57. }
  58. .align-end {
  59. display: flex;
  60. align-items: flex-end;
  61. }