index.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. ol {
  12. display: flex;
  13. flex-wrap: wrap;
  14. margin: 0;
  15. padding: 0;
  16. list-style: none;
  17. }
  18. a {
  19. color: @breadcrumb-link-color;
  20. transition: color 0.3s;
  21. &:hover {
  22. color: @breadcrumb-link-color-hover;
  23. }
  24. }
  25. li:last-child {
  26. color: @breadcrumb-last-item-color;
  27. a {
  28. color: @breadcrumb-last-item-color;
  29. }
  30. }
  31. li:last-child > &-separator {
  32. display: none;
  33. }
  34. &-separator {
  35. margin: @breadcrumb-separator-margin;
  36. color: @breadcrumb-separator-color;
  37. }
  38. &-link {
  39. > .@{iconfont-css-prefix} + span,
  40. > .@{iconfont-css-prefix} + a {
  41. margin-left: 4px;
  42. }
  43. }
  44. &-overlay-link {
  45. > .@{iconfont-css-prefix} {
  46. margin-left: 4px;
  47. }
  48. }
  49. }
  50. @import './rtl';