_breadcrumb.scss 726 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .breadcrumb {
  2. margin: 0 1rem;
  3. padding: 0.5rem 0;
  4. @include truncate($grid-body-width);
  5. ol {
  6. @include flexbox();
  7. @include align-items(center);
  8. @include flex-wrap(wrap);
  9. }
  10. li {
  11. display: inline;
  12. font-size: 0.9rem;
  13. a {
  14. @include themify($themes) {
  15. color: themed('breadcrumb-item-color');
  16. @include on-event {
  17. color: themed('link-hover');
  18. }
  19. }
  20. }
  21. &:last-child {
  22. @include themify($themes) {
  23. color: themed('breadcrumb-item-active-color');
  24. }
  25. }
  26. }
  27. li+li:before {
  28. padding: 0.5rem;
  29. content: "»";
  30. @include themify($themes) {
  31. color: themed('breadcrumb-item-color');
  32. }
  33. }
  34. }