breadcrumb.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/breadcrumb.css
  2. 9 core/themes/olivero/css/components/breadcrumb.css
  3. 9 core/themes/seven/css/components/breadcrumb.css
  4. 9 core/themes/seven/css/classy/components/breadcrumb.css
  5. 9 core/themes/claro/css/layout/breadcrumb.css
  6. 9 core/themes/bartik/css/components/breadcrumb.css
  7. 9 core/themes/bartik/css/classy/components/breadcrumb.css
  8. 9 core/themes/starterkit_theme/css/components/breadcrumb.css
  9. 9 core/themes/classy/css/components/breadcrumb.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/breadcrumb.css
  2. 8.9.x core/themes/seven/css/components/breadcrumb.css
  3. 8.9.x core/themes/seven/css/classy/components/breadcrumb.css
  4. 8.9.x core/themes/claro/css/components/breadcrumb.css
  5. 8.9.x core/themes/claro/css/layout/breadcrumb.css
  6. 8.9.x core/themes/bartik/css/components/breadcrumb.css
  7. 8.9.x core/themes/bartik/css/classy/components/breadcrumb.css
  8. 8.9.x core/themes/classy/css/components/breadcrumb.css
  9. 10 core/profiles/demo_umami/themes/umami/css/classy/components/breadcrumb.css
  10. 10 core/themes/olivero/css/components/breadcrumb.css
  11. 10 core/themes/claro/css/components/breadcrumb.css
  12. 10 core/themes/claro/css/layout/breadcrumb.css
  13. 10 core/themes/starterkit_theme/css/components/breadcrumb.css
  14. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/breadcrumb.css
  15. 11.x core/themes/olivero/css/components/breadcrumb.css
  16. 11.x core/themes/claro/css/components/breadcrumb.css
  17. 11.x core/themes/claro/css/layout/breadcrumb.css
  18. 11.x core/themes/starterkit_theme/css/components/breadcrumb.css

Breadcrumbs.

File

core/themes/claro/css/components/breadcrumb.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Breadcrumbs.
  10. */
  11. .breadcrumb {
  12. padding: 0;
  13. color: #232429;
  14. font-size: 0.79rem;
  15. }
  16. .breadcrumb__list,
  17. [dir="rtl"] .breadcrumb__list {
  18. margin: 0;
  19. padding: 0;
  20. list-style-type: none;
  21. }
  22. .breadcrumb__item,
  23. .breadcrumb__link {
  24. display: inline;
  25. text-decoration: none;
  26. color: #232429;
  27. font-weight: bold;
  28. }
  29. .breadcrumb__item + .breadcrumb__item::before {
  30. display: inline-block;
  31. padding: 0 0.75rem;
  32. content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
  33. }
  34. [dir="rtl"] .breadcrumb__item + .breadcrumb__item::before {
  35. transform: scaleX(-1);
  36. }
  37. @media (forced-colors: active) {
  38. .breadcrumb__item + .breadcrumb__item::before {
  39. width: 0.3125rem; /* Width and height of the SVG. */
  40. height: 0.5rem;
  41. content: "";
  42. background-color: canvastext;
  43. -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
  44. mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
  45. -webkit-mask-size: contain;
  46. mask-size: contain;
  47. -webkit-mask-repeat: no-repeat;
  48. mask-repeat: no-repeat;
  49. -webkit-mask-position: center;
  50. mask-position: center;
  51. }
  52. }
  53. .breadcrumb__link:hover,
  54. .breadcrumb__link:focus {
  55. text-decoration: none;
  56. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.