common.css 1.1 KB

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