breadcrumb.scss 539 B

123456789101112131415161718192021222324252627
  1. .m-breadcrumb {
  2. display: flex;
  3. flex-direction: row;
  4. flex-wrap: wrap;
  5. font-size: 14px;
  6. .m-breadcrumb-item{
  7. display: flex;
  8. align-items: center;
  9. .m-breadcrumb-item__link{
  10. white-space: nowrap;
  11. color: #17233d;
  12. transition: color 0.3s;
  13. text-decoration: none;
  14. cursor: pointer;
  15. &:hover{
  16. color: #409eff;
  17. }
  18. }
  19. .m-breadcrumb-item__separator{
  20. margin: 0 9px;
  21. color: #c0c4cc;
  22. }
  23. &:last-child .m-breadcrumb-item__separator {
  24. display: none;
  25. }
  26. }
  27. }