VBreadcrumbs.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .v-breadcrumbs {
  2. display: flex;
  3. align-items: center;
  4. line-height: 1.6;
  5. padding: 16px 12px;
  6. }
  7. .v-breadcrumbs--rounded {
  8. border-radius: 4px;
  9. }
  10. .v-breadcrumbs--density-default {
  11. padding-top: 16px;
  12. padding-bottom: 16px;
  13. }
  14. .v-breadcrumbs--density-comfortable {
  15. padding-top: 12px;
  16. padding-bottom: 12px;
  17. }
  18. .v-breadcrumbs--density-compact {
  19. padding-top: 8px;
  20. padding-bottom: 8px;
  21. }
  22. .v-breadcrumbs__prepend {
  23. align-items: center;
  24. display: inline-flex;
  25. }
  26. .v-breadcrumbs-item {
  27. align-items: center;
  28. color: inherit;
  29. display: inline-flex;
  30. padding: 0 4px;
  31. text-decoration: none;
  32. vertical-align: middle;
  33. }
  34. .v-breadcrumbs-item--disabled {
  35. opacity: var(--v-disabled-opacity);
  36. pointer-events: none;
  37. }
  38. .v-breadcrumbs-item--link {
  39. color: inherit;
  40. text-decoration: none;
  41. }
  42. .v-breadcrumbs-item--link:hover {
  43. text-decoration: underline;
  44. }
  45. .v-breadcrumbs-item .v-icon {
  46. font-size: 1rem;
  47. margin-inline: -4px 2px;
  48. }
  49. .v-breadcrumbs-divider {
  50. display: inline-block;
  51. padding: 0 8px;
  52. vertical-align: middle;
  53. }