packages/styles/scss/components/_collapsing-breadcrumb.scss

   1 .collapsing-breadcrumbs {
   2         display: flex;
   3         min-block-size: 2.5em;
   4         padding-block: var(--space-1);
   5         padding-inline-start: var(--space-0);
   6         margin: var(--space-0);
   7         flex-wrap: nowrap;
   8         align-items: center;
   9 }
  10
  11 .collapsing-breadcrumb {
  12         display: flex;
  13         flex: 0 1 auto;
  14         flex-wrap: nowrap;
  15
  16         &:not(#{&}--no-shrink) {
  17                 min-inline-size: 2em;
  18         }
  19 }
  20
  21 .collapsed-breadcrumb-active button {
  22         background-color: var(--button-hover-background-color);
  23         color: var(--button-hover-text-color);
  24 }