breadcrumb.scss 714 B

123456789101112131415161718192021222324252627282930
  1. .vxe-breadcrumb {
  2. display: inline-flex;
  3. color: var(--vxe-ui-breadcrumb-item-color);
  4. font-family: var(--vxe-ui-font-family);
  5. }
  6. .vxe-breadcrumb-item {
  7. display: inline-block;
  8. color: var(--vxe-ui-breadcrumb-color);
  9. &:last-child {
  10. font-size: 1.1em;
  11. font-weight: 700;
  12. .vxe-breadcrumb-item--content {
  13. color: var(--vxe-ui-breadcrumb-current-item-color);
  14. }
  15. .vxe-breadcrumb-item--separator {
  16. display: none;
  17. }
  18. }
  19. }
  20. .vxe-breadcrumb-item--content-link {
  21. text-decoration: none;
  22. color: var(--vxe-ui-font-color);
  23. &:hover {
  24. color: var(--vxe-ui-font-primary-color);
  25. }
  26. }
  27. .vxe-breadcrumb-item--separator {
  28. margin: 0 0.6em;
  29. color: var(--vxe-ui-font-placeholder-color);
  30. }