Sin descripción
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_breadcrumb.scss 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // Breadcrumbs
  2. // *******************************************************************************
  3. .breadcrumb {
  4. --#{$prefix}breadcrumb-color: #{$breadcrumb-color};
  5. }
  6. .breadcrumb-item {
  7. line-height: 1.5rem;
  8. a {
  9. color: var(--#{$prefix}breadcrumb-color);
  10. &:hover,
  11. &:focus {
  12. color: var(--#{$prefix}breadcrumb-item-active-color);
  13. }
  14. }
  15. .icon-base.breadcrumb-icon {
  16. color: var(--#{$prefix}breadcrumb-divider-color);
  17. margin-inline-start: $breadcrumb-item-padding-x;
  18. }
  19. }
  20. .breadcrumb-item.active a {
  21. &,
  22. &:hover,
  23. &:focus,
  24. &:active {
  25. color: inherit;
  26. }
  27. }
  28. .breadcrumb-custom-icon .breadcrumb-item + .breadcrumb-item::before {
  29. content: none !important;
  30. }
  31. // RTL
  32. // ******************************************************************************
  33. :dir(rtl) {
  34. .breadcrumb-item {
  35. & + .breadcrumb-item {
  36. padding-inline: $breadcrumb-item-padding-x 0;
  37. &::before {
  38. content: "#{$breadcrumb-divider-flipped}";
  39. float: inline-start;
  40. padding-inline: 0 $breadcrumb-item-padding-x;
  41. }
  42. }
  43. .icon-base.breadcrumb-icon {
  44. transform: scaleX(-1);
  45. }
  46. }
  47. }