Stepper.scss 752 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import '@/utils/common.scss';
  2. .stepper_bg{
  3. display: flex;
  4. flex-direction: row;
  5. align-items: center;
  6. background-color: $ringColor;
  7. height: 128px;
  8. width: 578px;
  9. margin-bottom: 40px;
  10. border-radius: 36px;
  11. // padding-left: 20px;
  12. // padding-right: 20px;
  13. // padding-top: 24px;
  14. box-sizing: border-box;
  15. // box-shadow: 0px 8px 20px 0px red//$blackColor;
  16. }
  17. .stepper_icon{
  18. width: 40px;
  19. height: 40px;
  20. }
  21. .stepper_item{
  22. background-color: transparent;
  23. width: 112px;
  24. height: 128px;
  25. border-radius: 24px;
  26. display: flex;
  27. align-items: center;
  28. justify-content: center;
  29. }
  30. .stepper_item_padding_left{
  31. padding-left: 16px;
  32. }
  33. .stepper_item_padding_right{
  34. padding-right: 16px;
  35. }