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.

28 lines
923 B

  1. .breadcrumb {
  2. display: flex;
  3. flex-wrap: wrap;
  4. padding: $breadcrumb-padding-y $breadcrumb-padding-x;
  5. margin-bottom: $breadcrumb-margin-bottom;
  6. @include font-size($breadcrumb-font-size);
  7. list-style: none;
  8. background-color: $breadcrumb-bg;
  9. @include border-radius($breadcrumb-border-radius);
  10. }
  11. .breadcrumb-item {
  12. // The separator between breadcrumbs (by default, a forward-slash: "/")
  13. + .breadcrumb-item {
  14. padding-left: $breadcrumb-item-padding-x;
  15. &::before {
  16. float: left; // Suppress inline spacings and underlining of the separator
  17. padding-right: $breadcrumb-item-padding-x;
  18. color: $breadcrumb-divider-color;
  19. content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
  20. }
  21. }
  22. &.active {
  23. color: $breadcrumb-active-color;
  24. }
  25. }