index-pure.less 976 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
  4. .@{breadcrumb-prefix-cls} {
  5. .reset-component();
  6. color: @breadcrumb-base-color;
  7. font-size: @breadcrumb-font-size;
  8. .@{iconfont-css-prefix} {
  9. font-size: @breadcrumb-icon-font-size;
  10. }
  11. a {
  12. color: @breadcrumb-link-color;
  13. transition: color 0.3s;
  14. &:hover {
  15. color: @breadcrumb-link-color-hover;
  16. }
  17. }
  18. & > span:last-child {
  19. color: @breadcrumb-last-item-color;
  20. a {
  21. color: @breadcrumb-last-item-color;
  22. }
  23. }
  24. & > span:last-child &-separator {
  25. display: none;
  26. }
  27. &-separator {
  28. margin: @breadcrumb-separator-margin;
  29. color: @breadcrumb-separator-color;
  30. }
  31. &-link {
  32. > .@{iconfont-css-prefix} + span,
  33. > .@{iconfont-css-prefix} + a {
  34. margin-left: 4px;
  35. }
  36. }
  37. &-overlay-link {
  38. > .@{iconfont-css-prefix} {
  39. margin-left: 4px;
  40. }
  41. }
  42. }
  43. @import './rtl';