flowdiagram.css 756 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .steps {
  2. list-style-type: none;
  3. padding: 0;
  4. display: flex;
  5. align-items: center;
  6. padding-left: 10px;
  7. }
  8. .step{
  9. display: flex;
  10. flex-direction: column;
  11. justify-content: center;
  12. align-items: center;
  13. width:100px;
  14. }
  15. .step .inner{
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. width: 40px;
  20. height: 40px;
  21. border-radius: 50%;
  22. background-color: #ccc;
  23. font-size: 16px;
  24. color: #fff;
  25. }
  26. .line{
  27. width: 150px;
  28. height: 2px;
  29. background-color: #ccc;
  30. margin-top: -20px;
  31. }
  32. .title{
  33. margin-top: 4px;
  34. }
  35. .innerActive {
  36. background-color: #67c23a !important;
  37. }
  38. .innerActiveNone{
  39. border: 2px solid #000 !important;
  40. }
  41. .font{
  42. font-weight: 700;
  43. color:#1e1e1e;
  44. }